5

画像ギャラリーの表示にshadowbox.jsを使用しています。

このために、このようなhtmlを生成する必要があります

<a href="images/Ganesha3602.jpg" rel="shadowbox[my]"><img src="images/thumb.jpg"   alt="First" title="First image" /></a>
<a href="images/original.jpg" rel="shadow[my]"><img src="images/thumb.jpg" alt="Second" title="Second image" /></a>
<a href="images/original.jpg" rel="shadowbox[my]"><img src="images/thumb.jpg" alt="First" title="First image" /></a>

そしてShadowbox.init()体に負荷をかけます。上記のhtmlが静的な場合、その魅力のように機能します。しかし、私はそれを動的に生成し、成功$.ajaxを呼び出すと; Shadowbox.init()シャドーボックスが動かない。私も完全に呼び出し Shadowbox.init()てみました。

私のコードは次のようなものです：

$(document).on('click','#load_posts_comments',function(){

    $.ajax({
        url:"post_comment_json.php",
        type: "POST",
        dataType: "json",
        data:{user_id:"123"},
        success: function(data){
            load_posts_comments(data);
        },
        complete: function(){
            Shadowbox.init();
        }
    });
});

どこが間違っていますか？シャドーボックスの Web サイトを調べましたが、動的にロードされるコンテンツに関するドキュメントはありませんでした。助けていただければ幸いです。

4

1 に答える 1

6

と を使用して再初期化する必要がありShadowbox.clearCache();ますShadowbox.setup();。
ここでよりよく説明されています：jquery関数呼び出し後にシャドウボックスが機能しなくなります

于 2012-07-10T08:40:45.597 に答える