Question

我正试图在我使用jQuery附加的元素上触发Fancybox，但没有成功。

这里的Fancybox解雇代码：

jQuery(document).ready(function() {
    $("a#what_is_prehung").fancybox();
    $("a.prehungHelp").fancybox();
});

使用此代码，我附加了html标记：

jQuery(document).ready(function($) {
     $('.valueDoorSlabonly').append('<div id="prehungHelp"><a class="prehungHelp" href="/template/images/door-slab-only.jpg"></a></div>');
});

我需要在class =“prehungHelp”的元素上触发Fancybox。在我们的网站上，我们使用的是jQuery v1.6.4，由于其他脚本只使用此版本，因此无法更新它。

http://www.doorsandbeyond.com/avanti-modern-interior-door-black-apricot/这是应该出现的页面，在“* Pre-hanging：”部分的门选项中，单选按钮后应该是“？”标记显示带有描述此选项的模态窗口（fancybox）的链接。

我已尝试过这些答案以及其他一些资源，但没有成功： how to bind fancybox to dynamic added element? Appending dynamically generated html using jQuery does not play well with Fancybox

我会感激任何帮助。谢谢谢里夫

Answer 1

尝试使用jQuery追加“prehungHelp”元素后调用fancybox

jQuery(document).ready(function($) {
    $('.valueDoorSlabonly').append('<div id="prehungHelp"><a class="prehungHelp" href="/template/images/door-slab-only.jpg"></a></div>');
    $("a.prehungHelp").fancybox();
});

在jQuery附加的元素上触发Fancybox

1 个答案: