如何將jQuery Tools疊加事件綁定到現有疊加層？

Question

說當頁面加載時，此代碼運行：

jQuery(document).ready(function($){ 
    $('#overlay').overlay(api: true); 
}); 

如何將事件綁定到它？我試過了：

$('#overlay').onBeforeLoad(function(){ alert('Hi'); }); 

$('#overlay').bind('onBeforeLoad', function(){ alert('Hi'); }); 

var api = $('#overlay').data('overlay'); 
api.onBeforeLoad(function(){ alert('Hi') }); 

當我這樣做：

alert(api.getContent().attr('id')); 

警告彈出「#overlay」。

當疊加打開並且我運行時：

alert(api.isOpened()); 

警告彈出「false」。

在此先感謝。

Answer 1

var api = $('#overlay').data('overlay'); 
api.onBeforeLoad = function() { 
    console.log('Hi'); 
}; 

Answer 2

嘗試

$('#overlay').overlay({ 
    onBeforeLoad: function(){ 
     alert('Hi'); 
    } 
}); 

編輯

我明白了，我覺得你的問題在這裏開始。

jQuery(document).ready(function($){ 
    $('#overlay').overlay(api: true); 
}); 

應該是這個

jQuery(document).ready(function(){ 
     $('#overlay').overlay(); 
    }); 

Answer 3

試試這個

var api = $("#overlay").overlay({api: true}); 
api.load();