的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]); 
    } 
}); 
}