0

我有一个这样的JS代码

<script type="text/javascript">
$(document).ready(function(){
        $('.main').on('click', '.block', function (){
        $('.main').append('<div class="block">Some Text<br/><a class="show" href="http://google.com">Add element</a</div>');
    });

    $("a.show").fancybox(
    {                       
        "padding" : 20,
        "imageScale" : false, 
        "zoomOpacity" : false,
        "zoomSpeedIn" : 1000
    });
});
</script>

和html:

<div class="main"><div class="block">Some Text<br/><a class="show" href="http://google.com">Add element</a</div>
</div>

当虚拟对象“.block”附加到“.main”时,Fancybox 不会启动

fancyBox: http://fancybox.net,使用 fancyBox 1.2.1

4

1 回答 1

0

这是因为 fancybox v1.3.x 不支持动态添加元素(当使用append()或任何其他在 DOM 准备好后添加元素的 jQuery 方法时)。

检查https://stackoverflow.com/a/9084293/1055987以获取解决方法。

于 2012-06-27T17:10:34.897 回答