1

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

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

 // html code
 <span class="stars" data-score="4"></span>

    /* 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"
} );

更新..

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

当我检查元素时，jRaty 星级评分的“静态”迭代会在设置属性上显示 jQuery/jRaty 元素，而 jRaty 星级评分的后一个“动态”迭代不会。

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

4

1 回答 1

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

            }
于 2013-10-21T13:22:35.593 回答