0

画像のライトボックスに関して問題があります

問題は、外部のphpファイルから画像をロードすると、ライトボックスに画像が表示されないことです。

    <script type="text/javascript">
    $(document).ready(function(){   
    //Display Loading Image
    function Display_Load()
    {
        $("#loading").fadeIn(900,0);
        $("#loading").html("<img src='../images/lightbox-ico-loading.gif' />");
    }
    //Hide Loading Image
    function Hide_Load()
    {
        $("#loading").fadeOut('slow');
    };

   //Default Starting Page Results

    Display_Load();

    $("#content").load("images.php?page=1&uid=28", Hide_Load(), lightBox());

    //Pagination Click
    $("#pagination li").click(function(){

        Display_Load();

        //Loading Data
        var pageNum = this.id;
        var uid = 1;
        uid = "<?php echo $id; ?>";
        $("#content").load("images.php?page=" + pageNum + "&uid=" + uid, Hide_Load());
    });


});
    </script>

下のボックスにすべての画像をロードしますが、ライトボックス効果はありません。

<center><div id="loading" ></div>
                            <div id="content"></div>
            </center>

通常、ライトボックスに画像を表示するには、以下のような操作を行います。他のすべての場所で正常に機能している場合は、上記のコードでのみ問題が発生します。

    <script type="text/javascript">
$(function() {
    $('#gallery a').lightBox();
});
</script>

誰かがそれについてのいくつかのヒントを共有できますか？

よろしくお願いします。

4

1 に答える 1

1

これを試してください：http：//docs.jquery.com/Plugins/livequery

このプラグインを使用すると、次のようなことができます。

$('#gallery a').livequery(function() { $(this).lightBox() });

そうすれば、.lightBox（）は、最初のページのロード後に追加されたセレクターに適用されます。

于 2012-10-25T19:29:16.723 に答える