fancybox回调

Question

我看了十几篇文章和答案...都没用。

这个简单的代码有什么问题，我在这里错过了什么。尝试过的回调都不起作用。

$("#project_info").fancybox({
        'onComplete': function() {
            console.log('log this');
            //$.cookie('fcookie', '1', {path: ' / '});
        }
    });
$("#project_info").fancybox().trigger("click");

和html

<a id="project_info" href="#project_display"></a>
<div style="display: none;">
    <div id="project_display" style="width:100px; height:100px; overflow:auto;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </div>
</div>

注：本地wamp

编辑：也在远程服务器上测试-剥离文件以防止任何交互-相同的结果

Answer 1

我正在回答我自己的问题，发布我最终使用的解决方案和执行的测试。也许有人觉得有用。

FancyBox1.3中有一些东西会在回调中使用cookie时终止回调。

没时间测试，是什么。

有人知道吗？写在下面。

只是一个注意：同样的情况发生了，当我尝试通过.trigger（“click”）设置cookie时，回调与标准的click很好地工作。

我试过的-没有成功。

//trial 1: does not work
$("#project_info").fancybox({
    onComplete: function() {
    $.cookie('fcookie', '1', {path: ' / '});
    }
});
$("#project_info").fancybox().trigger("click");

//trial 2: does not work
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: ' / '});
} 
$("#project_info").fancybox({
    onComplete: function() {
    StoreCookie()
    }
});
$("#project_info").fancybox().trigger("click");

//trial 3: does not work
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: ' / '});
} 
$("#project_info").fancybox({
    onComplete: StoreCookie
});
$("#project_info").fancybox().trigger("click");

//trial 3: does not work
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: ' / '});
} 
$("#project_info").fancybox({
    //
});
$("#project_info").fancybox().trigger("click", StoreCookie());//trial 1: does not work
$("#project_info").fancybox({
    onComplete: function() {
    $.cookie('fcookie', '1', {path: ' / '});
    }
});
$("#project_info").fancybox().trigger("click");

//trial 2: does not work
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: ' / '});
} 
$("#project_info").fancybox({
    onComplete: function() {
    StoreCookie()
    }
});
$("#project_info").fancybox().trigger("click");

//trial 3: does not work
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: ' / '});
} 
$("#project_info").fancybox({
    onComplete: StoreCookie
});
$("#project_info").fancybox().trigger("click");

//trial 3: does not work
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: ' / '});
} 
$("#project_info").fancybox({
    //
});
$("#project_info").fancybox().trigger("click", StoreCookie());

这是我想要的

我不是很喜欢它，因为你的曲奇被储存在fancybox的外面

if (!$.cookie('fcookie')) {
    $("#project_info").fancybox({
    onComplete: function() {
        //
    }
    });
    $("#project_info").fancybox().trigger("click");
}
$.cookie('fcookie', '1', {path: ' / '});

Answer 2

“oncomplete”回调不需要引号；您可以做一个简单的：

$("#project_info").fancybox({
  onComplete: function() {
    alert('Completed!');
  }
});