jRaty jQuery插件似乎不适用于AJAX / JSON

我使用jRaty插件显示“星级”评级 – 显示星级评级的代码相对简单（当我在我的页面中显示html代码时工作） – 问题是我正在使用ajax调用来重新使用JSON填充页面 – 即使跨度填充方式与下面的html代码相同，也不会使用插件显示星级评分图像。

我相信这可能与事件委托有关（虽然我不是jQuery专家）任何人都可以解释为什么我的jRaty插件在通过ajax / json方法时不起作用 – 任何人都有任何想法？

// html code  /* star rating */ $( ".stars" ).raty( { half: true, hints: [ "1 Star", "2 Star", "3 Star", "4 Star", "5 Star" ], path: "/assets/js/jquery-plugins/jquery-raty/2.5.2/img", readOnly: true, score: function( ){ return $(this).attr( "data-score" ); }, size: 24, starHalf: "star-half-big.png", starOff: "star-off-big.png", starOn: "star-on-big.png" } ); 

UPDATE ..

我已经在我的网页上的两个地方加载了jRaty，一个是’静态’而另一个是动态的（仅在jQuery AJAX调用之后显示）。

当我检查元素时，jRaty星级评级的“静态”迭代显示设置属性上的jQuery / jRaty元素，而jRaty星级的后者“动态”迭代则没有。

看起来这不仅仅是我有这个问题.. doh 如何将raty插件应用于新生成的div？

Answer 1

以防这可能有助于其他人..

我在AJAX成功中添加了以下内容

 success: function(data){ $( ".stars" ).raty( { half: true, hints: [ "1 Star", "2 Star", "3 Star", "4 Star", "5 Star" ], path: "/assets/js/jquery-plugins/jquery-raty/2.5.2/img", readOnly: true, score: function( ){ return $(this).attr( "data-score" ); }, size: 24, starHalf: "star-half-big.png", starOff: "star-off-big.png", starOn: "star-on-big.png" } ); }