的jQuery（文檔）$ .live功能實現

Question

我有這樣一段代碼

$(document).ready(function() { 
    $(".rating-stars").ratingbig({ 
     callback: function (value, link) { 
      var element = $(this).parent().parent().parent().attr('id').split("_"); 
      var tip = $('#rating-result_' + element[1]); 
      tip[0].data = value; 
      $('#rating-result_' + element[1]).html(ratingMnemos[tip[0].data] || ratingMnemos[0]); 
     }, 
     focus: function (value, link) { 
      var element = $(this).parent().parent().parent().attr('id').split("_"); 
      var tip = $('#rating-result_' + element[1]); 
      tip.html(ratingMnemos[value]); 
     }, 
     blur: function (value, link) { 
      var element = $(this).parent().parent().parent().attr('id').split("_"); 
      var tip = $('#rating-result_' + element[1]); 
      tip[0].data = value; 
      $('#rating-result_' + element[1]).html(ratingMnemos[tip[0].data] || ratingMnemos[0]); 
     } 
    }); 
}); 

而且我通過AJAX添加一些代碼的頁面。 nu評級不適用於頁面中新增的元素。我被卡住了，因爲我無法在頁面中添加新元素時找到觸發該函數的方法。

在此先感謝

Answer 1

我相信你的問題是，當你最初的函數調用後與類rating-stars增加新項目的頁面做什麼。

您提供的代碼只在初始頁面加載後運行一次。在之後，您必須撥打類似的，才能將新項目添加到頁面以便將其應用到這些新項目。例如，在您的AJAX回調期間。

例子：

$.ajax({ 
    // Omitted actual call 
    success: function(){ 
    // Omitted additional callback actions 
    applyRatingBig(); 
    } 
}); 

$(document).ready(function() { 
    applyRatingBig(); 
}); 

function applyRatingBig() { 
// Consider adding code to ensure that this only gets called once per object - for example, you could set a flag once it has been called for a given object 

$(".rating-stars").ratingbig({ 
    callback: function (value, link) { 
     var element = $(this).parent().parent().parent().attr('id').split("_"); 
     var tip = $('#rating-result_' + element[1]); 
     tip[0].data = value; 
     $('#rating-result_' + element[1]).html(ratingMnemos[tip[0].data] || ratingMnemos[0]); 
    }, 
    focus: function (value, link) { 
     var element = $(this).parent().parent().parent().attr('id').split("_"); 
     var tip = $('#rating-result_' + element[1]); 
     tip.html(ratingMnemos[value]); 
    }, 
    blur: function (value, link) { 
     var element = $(this).parent().parent().parent().attr('id').split("_"); 
     var tip = $('#rating-result_' + element[1]); 
     tip[0].data = value; 
     $('#rating-result_' + element[1]).html(ratingMnemos[tip[0].data] || ratingMnemos[0]); 
    } 
}); 
}