如何让 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;
            });
    });
}