0

HTMLページに新しい要素を追加した後、prettyPhotoまたはその他のjqueryプラグインを機能させようとしています。

具体的には、私はこれを持っています：

$(document).ready(function() { 
              $(window).scroll(function() {
                if($(window).scroll) {  
                  $('div#loadMoreComments').show();

                    $.ajax({
                                type    : "POST",
                                url     : "getvariables.php",
                                dataType: "json",
                                data    : { webid: $(".posts:last").attr('id') }
                            }).done(function( msg ) {

                                   jQuery.each(msg , function(index, value){
                                        $("#posts").append(value);
                                    });


                                    //    $("#posts").append(msg);

                                    $('div#loadmore').hide();

                                });
                }
              });
            });

次に、ポップアップをトリガーする必要があるこのようなものがあります

<p><a href="#inline-1" rel="ibox">Trigger popup.</a></p>
    <div id="inline-1" style="display: none;">
             Content to show up after the link is triggered

    </div>

これについての助けをいただければ幸いです。ありがとう。

4

1 に答える 1

1

追加後に prettyPhoto のフックを更新する必要があります。prettyPhoto の初期化を関数に入れてみてください。次に、ドキュメント準備完了関数内からその関数を呼び出し、さらにアイテムを追加するときにもう一度呼び出します。

何かのようなもの：

function initComments(){ $("a[rel^='comments']").prettyPhoto(); }

そして、AJAX 呼び出しの直後:

initComments();

または、jquery の ajaxStop() 関数を使用して、ajax 呼び出しの終了後にフックを更新します。

jQuery.ajaxStop(function(){ initComments(); });

于 2012-08-22T21:07:26.677 に答える