аюсь создать простой механизм оповещения, например, с помощью jQuery Tools - в ответ на небольшой кусочек кода Javascript всплываю оверлей с сообщением и кнопкой «ОК», при нажатии на которую оверлей исчезает. Тривиально, или так и должно быть. Я рабски следовалhttp://flowplayer.org/tools/demos/overlay/trigger.htmlи иметь что-то, что отлично работает при первом вызове, но только в этот раз. Если я повторяю действие JS, которое должно раскрыть наложение, это не так.

Мой контент / DIV:

<div class='modal' id='the_alert'>
  <div id='modal_content' class='modal_content'>
    <h2>hi there</h2>
    this is the body
    <p>
    <button class='close'>OK</button>
    </p>
  </div>
  <div id='modal_background' class='modal_background'><img src='/images/overlay/f9f9f9-180.png' class='stretch' alt='' /></div>
</div>

и Javascript:

function showOverlayDialog() {
$('#the_alert').overlay({
    mask: {color: '#cccccc', loadSpeed: 200, opacity: 0.9}, 
    closeOnClick: false,
    load: true 
});
}

Как я уже сказал: при первом вызове showOverlayDialog () оверлей появляется точно так же, как и должен, и исчезает при нажатии кнопки «ОК». Но если я заставлю showOverlayDialog () снова работать, не перезагружая страницу, ничего не произойдет. Если я перезагружаю страницу, шаблон повторяется - первый вызов вызывает оверлей, а второй - нет.

Я явно что-то упускаю - есть какой-нибудь совет? Спасибо!