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 に答える