动态生成数据时，不会显示与“星级评分jQuery插件”中的下拉列表相对应的星级

Question

我正在使用Github的Chris Richards的Star Rating jQuery插件以及jQuery Template插件 。 当数据为内联时，评级控件可以正常工作。 请参阅示例和源 。

但是，当评级控件与动态生成的数据一起使用时，星形图像不会通过CSS应用于内部处理评级的下拉控件。 查看示例 （单击此处的按钮）和源 。

我设置为分级控件的警报仍然有效。 如何使星星显示而不是下拉显示？

Answer 1

您将需要调用$(".rating").rating(); 动态内容加载完成后。

修改您的getJSON代码：

$("#flickr").live("click", function() {
  var url = "http://api.flickr.com/services/feeds/groups_pool.gne?id=44124373027@N01&lang=en-us&format=json&jsoncallback=?";
  // Grab some flickr images of cats
  $.getJSON(url, function (data) {
    // Format the data using the catTemplate
    $("#result").empty().append("");
    $("#catTemplate").tmpl(data.items).appendTo("#result");
    // set up rating plugin
    $(".rating").rating();
  });
});