Question

我对ajax生成的部分有一点问题 - javascript在这个生成的部分不起作用。有一个ajax电话：

<script>
$(window).on('scroll', function() {
  $("#preloadmore").show();
  if ($(window).height() + $(window).scrollTop() + 350 >= $(document).height()) {
    //AJAX
    var idlast = 256;
    $.ajax({
      url: "ajax/loadmore.php",
      type: "POST",
      data: {
        id: idlast
      },
      success: function(result) {
        if (result != "") {
          $("#preloadmore").hide();
          $("#loadmore").html(result);
        } else
          alert("Error 504");
      }
    });
  }

});
</script>

在身体中我有一部分显示ajax结果：

<div id="loadmore"></div>

当ajax在loadmore div中输入内容时，javascript在这部分不起作用。有jquery - 不工作：

 $('.rating').on('rating.change', function(event, value, caption) {
    alert('Test');
 });

由于

Answer 1

我不太了解.rating与之前的2个代码段之间的关系。无论如何，我希望我的问题正确。

// I assume your .rating field is dynamically loaded inside #loadmore
$('#loadmore').on('change', '.rating', function(e){
    alert('Test');
    alert( $(this).val() );
});

// If your .rating field already exists, then try this
$('.rating').on('change', function(event) {
    alert('Test');
    alert( $(this).val() );
});

参考：http://api.jquery.com/on/

Javascript不适用于ajax生成的部分

1 个答案: