0

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>");

});

最初のクリックは、nextPage.php からさらに読み込むときに機能します。ただし、結果のクリックはロードをトリガーしません。私は何を間違っていますか?

4

3 に答える 3

0
    $(".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>");
        });
    });
于 2012-05-25T06:39:00.823 に答える
0

as newに.load毎回追加するので、次のようdiv#Containerにライブイベントハンドラーを使用する必要があります。.load

$("div#Container").on('click', '.load', function() {
  $(this).parent('div#Container').load('nextPage.php', function() {
     $('div#Container').append("<p class=\"load\">load more...</p>");
  })
})
于 2012-05-25T06:39:31.820 に答える
0

jquery の .live() メソッドまたは .on()を使用してみてください。これにより、現在および将来の現在のセレクターに一致するすべての要素のイベント ハンドラーがアタッチされます。

jquery での .live イベントの情報と例については、ここをクリックしてください
。これで問題が確実に解決されることを願っています。

幸運を祈ります!:)

于 2012-05-25T06:42:32.107 に答える