如何将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

试

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

修改

我知道，我认为你的问题从这里开始。

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

应该是这个

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

Answer 2

试试这个

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

Answer 3

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