0

我对图像的 LightBox 有一些问题

问题是当我从外部 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 回答