0

我试图在我附加 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/ 这是它应该出现的页面，在“* 预挂：”单选按钮之后的部分中带有门选项的表格应该“ ？” 标记出现与描述此选项的模态窗口（fancybox）的链接。

我已经从几个资源中尝试了这个答案和其他一些答案，但没有成功： 如何将fancybox绑定到动态添加的元素？ 使用 jQuery 附加动态生成的 html 不能很好地与 Fancybox 配合使用

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

4

1 回答 1

0

在使用 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();
});
于 2013-02-27T15:25:19.630 回答