jquery - 如何让 Galleria 处理通过 jQuery 的 load() 函数加载的图像

Question

我正在为摄影网站使用 Galleria 1.2.7 和 jQuery 1.7.1。我有 3 组照片希望 Galleria 展示，所以我在页面上有 3 个链接。我想使用 load() 将它们加载到索引页面中。

我的代码是：

    <div id="galleria"></div>

<ul id="nav">
  <li><a href="gallery1.html">Gallery 1</a></li>
  <li><a href="gallery2.html">Gallery 2</a></li>
  <li><a href="gallery3.html">Gallery 3</a></li>
</ul>

<script> 

        $(document).ready(function(){
            Galleria.loadTheme('galleria/themes/folio/galleria.folio.min.js');

             $('#nav a')
                .click(function(){
                    $('#galleria').load(this.href, function(){
                        $('#galleria').galleria();
                    });
                    return false;
                });
        });


</script>

这在我单击其中一个链接时有效，但当单击第二个链接时它停止工作。提前致谢。

Answer 1

你试过处理回发吗？

postbackFunction();

if (Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack()){
    postbackFunction();
});

function postbackFunction(){
        $(document).ready(function(){
            Galleria.loadTheme('galleria/themes/folio/galleria.folio.min.js');
         $('#nav a')
            .click(function(){
                $('#galleria').load(this.href, function(){
                    $('#galleria').galleria();
                });
                return false;
            });
    });
}