javascript - 在动态生成数据的情况下，与星级评级 jQuery 插件中的下拉列表相对应的星星不会显示

Question

我正在使用Chris Richards' Star Rating jQuery Plugin from Github以及 jQuery Template plugin 。当数据内联时，评级控制工作正常。请参阅sample & source 。

但是，当评级控件与动态生成的数据一起使用时，星形图像不会通过 CSS 应用到内部处理评级的下拉控件。请参阅sample (点击那里的按钮)& source .

不过，我为评级控制设置的警报有效。可以做些什么来让星星显示而不是下拉菜单？

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();
  });
});