Как связать событие наложения 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").overlay({api: true});  
api.load();

Answer 2

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

Answer 3

1001 * попробовать *

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

редактировать

Понятно, я думаю, что ваша проблема начинается здесь.

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

должно быть это

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