Звезды, соответствующие выпадающему списку в плагине «Звездный рейтинг», не отображаются в случае динамически генерируемых данных.

Question

Я использую Крис Ричардс, звездный рейтинг, плагин jQuery от Github вместе с плагином 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();
  });
});