Question

我有像这样的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

Answer 1

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

检查https://stackoverflow.com/a/9084293/1055987是否有解决方法。

Fancybox没有看到append（）对象

1 个答案: