2013-10-21 51 views
1

我正在使用jRaty插件來顯示「星級」評級 - 顯示星級評分的代碼相對簡單(並且在我顯示html代碼時工作我的頁面) - 問題是我正在使用ajax調用來使用JSON重新填充頁面 - 即使跨度以與下面的html代碼相同的方式填充,它不會使用插件顯示星級評分圖像。jRaty jQuery插件似乎不能用於AJAX/JSON

我相信這可能與事件代表有關(儘管我不是jQuery專家)任何人都可以解釋爲什麼當通過ajax/json方法時,我的jRaty插件不工作 - 任何人有任何想法?

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

UPDATE ..

我已經在我的網頁兩個地方裝了jRaty,一個是「靜態」,另一種是動態的(僅jQuery的AJAX調用後顯示。

的「 jRaty星級的「靜態」迭代在我檢查元素時顯示了settings屬性中的jQuery/jRaty元素,而jRaty星級的後者的「動態」迭代不會。只是我有這個問題.. doh How to apply raty plugin to new generated divs?

回答

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

      }