jquery - fancybox和回調

我有問題fancybox。
我想寫一個函數，當fancybox打開時將運行。如何以及何時調用該函數？jquery - fancybox和回調

實施例：

function myFunc() { 
    alert("Opened!"); 
} 

$('.content a').fancybox({ 
    'hideOnContentClick': false , 
    'callBackOnShow': myFunc(), // This not working! It call function when page is loaded 
    'frameWidth': 920, 
    'frameHeight': 530 
});

來源

2009-05-26 sasa

如果有人來到這裏，正在尋找Fancybox新版本的回調：請檢查「onComplete」屬性。 – AsTeR 2012-02-11 16:26:43

對於fancybox版本2或更高版本，它已更改爲afterLoad。 http://fancyapps.com/fancybox/#docs – coderates 2012-05-22 17:11:01

代替myFunc()使用myFunc。在JavaScript中，parens（和/或args）的函數意味着你想調用它。沒有他們的函數名字的意思是，你只是想給這個函數的引用（這可能是從你想要的東西的fancybox）

來源

2009-05-26 12:39:25

它應該是： -

function myFunc() { 
    alert("Opened!"); 
} 

$('.content a').fancybox({ 
    'hideOnContentClick': false , 
    'callBackOnShow': myFunc, // no brackets 
    'frameWidth': 920, 
    'frameHeight': 530 
});

或者，你可以匿名函數.. 。

$('.content a').fancybox({ 
    'hideOnContentClick': false , 
    'callBackOnShow': function() { alert('hello'); }, 
    'frameWidth': 920, 
    'frameHeight': 530 
});

來源

2009-05-26 13:04:37

其實，在檢查的文檔，你有一個錯字在你的選項列表...

你有callBackOnShow，但它應該是callbackOnShow（小寫B）

來源

2009-05-26 13:08:05

'callbackOnShow': myFunc

小寫B作爲選項區分大小寫，和myFunc的無支架，只要你想傳遞的功能作爲可選項，而不是調用它。

來源

2009-05-26 13:11:11

這工作

$("#element").fancybox({ 
    onStart  : function() { 
     return window.confirm('Continue?'); 
    }, 
    onCancel : function() { 
     alert('Canceled!'); 
    }, 
    onComplete : function() { 
     alert('Completed!'); 
    }, 
    onCleanup : function() { 
     return window.confirm('Close?'); 
    }, 
    onClosed : function() { 
     alert('Closed!'); 
    } 
});

來源

2011-01-21 18:39:53 Gabriel

最新方法如何使它工作使用afterShow或beforeShow：

$("a#registrace").fancybox({ 
    beforeShow : function() { 
    alert('its working!'); 
    validate_reg_form(); 
    } 
});

我通過Ajax加載報名表，我需要啓用表單驗證。在這兩種情況下（之前和之後），內容已經被加載。

來源

2012-09-09 13:13:16 Qwerty

由於您的標題顯示爲「jquery - fancybox and callback」，您可以在選項卡回調下找到fancybox 2插件的完整回調選項列表。

http://fancyapps.com/fancybox/#docs

如果您使用舊的fancybox，也許升級到fancybox2作爲新的插件有更好的功能，更多的控制。

來源

2013-07-26 13:49:51

jquery - fancybox和回調

回答

相關問題