jquery - Fancybox onComplete 函数未运行

Question

由于某种原因，它只是没有运行 onComplete 函数。然而它确实加载了 fancybox div。我的html:

<ul>
    <li class="orange">

           #1 <a href="#text">click here</a>

           <div id="text" class="text">text text text</div>

    </li>
</ul>

我的jquery:

 jQuery('li a').fancybox({       
    'autoDimensions':   'false',
    'width' :   631,
    'height':   256,        
    'onComplete':function(){

        alert('running');
        jQuery('.fancybox-skin').css('background-color',colour);
    }
});

警报未运行。我还尝试将事件函数更改为 onClosed 和其他事件，但什么也没发生。

Answer 1

我猜您忘记指定您正在使用的 fancybox 版本。

onComplete 是 fancybox v1.3.x 的回调选项，而 fancybox-skin class 直到版本 2.x 才引入， ..... 所以我假设您使用的是 2.x 版本，不是吗？

Fancybox v2.x 选项是新的，与以前的版本不兼容； onComplete (v1.3.x) 选项的等效项现在是 afterLoad (v2.x) 回调选项。

检查http://fancyapps.com/fancybox/#docs查看 fancybox v2.x 的选项、方法和回调的完整列表