Question

如果 DIV, 我需要在每点击“ 加载更多” 文本的结尾处加载内容。我目前的代码如下:

<div id="Container"> <p class="load">load more</P> </div>

和

$(".load:last").click(function(){
$(".load:last").load("nextPage.php", function() {
$(this).hide();

$("div#Container").append($(this).html());
$("div#Container").append("<p class="load">load more...</p>");

});

第一个点击工作, 因为它从下个Page.php 上载更多。但是随后的点击不会触发负载。我做错什么了?

Answer 1

    $(".load:last").live( click , function () {
        $(this).remove();
        //Or
        // $(this).hide();
        $(".load:last").load("nextPage.php", function () {
            $("div#Container").append($(this).html());
            $("div#Container").append("<p class="load">load more...</p>");
        });
    });

Answer 2

当 .load 每次附加到 div# container 新的 < code> 时, 您应该使用活动实时处理器到那个 < code>. load , 如 :

$("div#Container").on( click ,  .load , function() {
  $(this).parent( div#Container ).load( nextPage.php , function() {
     $( div#Container ).append("<p class="load">load more...</p>");
  })
})

Answer 3

尝试使用 < strong>. live() 方法或jquery < / strong > 的.on() 。此选项附加一个事件处理器, 用于匹配当前选择器的所有元素, 现在和将来。

Click here for information and example for .live event in jquery
I hope this will definitely solve you problem.

最好运气!! :)

友情链接