Question

我正在使用fancybox 2.x来显示数据，我已经通过ajax将一些数据加载到div中，现在来自ajax调用数据就像这样来了

<a href="sample.php" class="fancy" >sample</a>

在头部我有fancybox代码

$(document).ready(function() {

    $(".fancy").fancybox({
        'transitionIn'  :   'fadein',
        'transitionOut' :   'fadeout',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'width'         :   260, 
        'height'        :   260, 
        'overlayShow'   :   false,
        'type'          :   'iframe'            
    });

});

但如果我写

，这不起作用

<a href="sample.php" class="fancy" >sample</a>

文档中的相同代码，它有效，请告诉我如何通过fancybox使用动态加载的数据ajax等待解决方案。

Answer 1

如果我理解正确，这一行：

<a href="sample.php" class="fancy" >sample</a>

加载页面时

不存在。但它稍后通过另一个ajax调用加载。如果是这种情况，您的javascript代码将不会附加到元素。

代码

$(document).ready(function() {

仅在DOM加载后运行。

你需要在ajax函数的回调中调用fancybox函数（参见jQuery ajax docs中的完成）， ... 或者执行此博客文章的操作：Adding Fancybox to Dynamically Loaded Content

如何通过ajax使用动态加载数据的fancybox

1 个答案: