如何将 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');
};