Rateit плагин не работает для содержания приложенного после загрузки страницы

Question

Я использую плагин rateit по http://gjunge.github.io/rateit.js/examples/

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

динамически генерируемое содержание, которое добавляется к странице выглядит люблю это (запрос Ajax формы):

<div class="caption"> 
 
    <p id="productNameInFeeds"><a href="https://youlense.com/view/IPHONE"> 
 
      <b>IPHONE</b></a> - I PHONE 6S</p> 
 
    <div class="rateit" data-rateit-value="3.00" 
 
     data-rateit-ispreset="true" data-rateit-readonly="true" data-rateit-max="10"> 
 
    </div> 
 
    <div> 
 
     3.00 Stars | 2 Reviews | 10 Views | 1 Followers 
 
    </div> 
 
</div>

мой файл JS выглядит любит это

$(document).ready(function() { 
var page = 1; 

$("#load_more_feeds").click(function(){ 
    $.post("my/feeds/more", 
      { 
       page: page 
      }, 
      function(data, status){ 

       if(data != ''){ 
        $("#feedHolder").append(data); 
        page = page + 1; 
       } 

      }); 
$('div.rateit, span.rateit').rateit(); 
}); 

}); 

Может кто-нибудь скажет мне решение?

Заранее спасибо

Answer 1

Найдено это: https://stackoverflow.com/a/33071447/3499595

Только после того, как вы добавите новое содержание, называющее это:

$('div.rateit, span.rateit').rateit(); 

Это инициализирует все rateit элементов.