jquery - fancybox2 在 ajax 上的第二次调用时不起作用

Question

我有一个多个产品页面，如果选择了一个产品，该产品的 php 会加载到 div 上替换多个产品 - 我使用 fancybox 插件来显示所选产品的图像库。当我选择一个产品并单击任何图像时，它会完美地显示 fancybox 画廊。但是当我返回并选择第二个产品时，它只是打不开......

页面 map 如下-产品页面包含 2 个(名为 type1 和 type2)按钮和 1 个(动态 div)产品页面在加载时加载 type1.php

按钮使用以下ajax

$('div#type1_link').on('click',function() {         
        $('div#ajax_div').html("<img src='ajax-load.gif' />").load("type1.php?carmodel=" + $for_url);
        });

我使用 fancybox 像

$(".fancybox").fancybox();//for initialisation

<a class="fancybox" rel="group" href="images/<?php echo $row2['img1'] ?>">
    <img src="images/thumbs/<?php echo $row2['img1'] ?>"></a></li>//on images

请告诉我解决这个问题的方法。使用最新的 fancybox 和 jquery 版本

Answer 1

据我了解，您在第一个 fancybox 请求后使用 ajax 来显示您的内容，这意味着您的 jquery 命令与动态内容无关。

为了使它们相关，您需要使用“监听”方法，它将响应您的动态内容操作:

假设您的 jQuery 版本高于 1.7，您应该使用 on()方法与你的 fancybox 。应该是这样的:

$(".fancybox").on("click", function(){
   $(this).fancybox();
});

有更好的方法可以做到这一点，但这个应该可行。