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