jQuery和Ajax加载问题

我有一个ajax调用，它还执行一些jquery，添加一些html，并将ajax结果放入创建的html中

$(document).on('click', '#ajaxcommentbutton1', function() {
var currentDiv = $(this).attr('group');
var pageValue = parseFloat($(this).attr('data'));
var newPage = pageValue + 1;
var newPageid =  '#' + newPage;

$('div[data="' + currentDiv + '"] #commentsContainer > div').before("<div id='" + newPage + "'></div>");

   $.ajax({url:"commentsajax.php",
          type:'POST',              
      dataType:'text',
          data: {id: currentDiv,
               page: newPage},
       success:function(result){
     $('div[data="' + currentDiv + '"] ' + newPageid).html(result);
   }});

   $('div[data="' + currentDiv + '"] #commentsContainer > div:empty').remove();
   $('button[group="' + currentDiv + '"]').attr('data', newPage);
});

测试：

---

1.对删除的内容进行注释；允许打印响应，但要进行一些处理，创建jquery创建div的副本，并且单击另一个post加载完全不同的注释集。post有时有效，有时无效，通常在第三次单击后有效，根据一些研究，我认为这与事件处理程序和绑定有关？？我正在学习jquery/ajax..

创建div后，需要将其附加到DOM中。$'div[data='+currentDiv+']'+newPageid.htmlresult.appendTo$'body'；对不起，那没用

<div id="somepost" data="1043670098507964416">Poster Name<br>
    <img src="http://stuff/stuff" height="50px" width="50px"> Ben &amp; Harley<br>
    <video width="350" height="350" controls="" loop="">
        <source src="http://stuff/stuff">
        <object data="http://stuff/stuff" width="350" height="350"></object>
    </video>
    <br>FASTER! ??<br>17149 Likes 7117  Comments <br>

    <button type="button" id="ajaxcommentbutton1" group="1043670098507964416" data="4">Load previous comments</button><br>

    <div id="commentsContainer">
        <div id="1">
            <br>
            <img> comment here<br>
            <img> comment here<br>
            <img> comment here<br>
        </div>
    </div>
</div>