Я пытаюсь создать простой механизм предупреждений с помощью jQuery Tools - в ответ на небольшой фрагмент кода Javascript всплывающее окно с сообщением и кнопкой OK, при нажатии которой наложение исчезает. Тривиально, по крайней мере, так и должно быть. Я рабски следил за 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 () без перезагрузки страницы, ничего не произойдет. Если я перезагружаю страницу, шаблон повторяется - первый вызов вызывает оверлей, а второй - нет.
Я явно что-то упускаю - какие-нибудь советы? Спасибо!
Close
кнопке? На первый взгляд кажется, что вы можете манипулировать HTML, чтобы скрыть оверлей, а не использовать JQuery - следовательно, JQuery считает, что оверлей уже открыт, и не будет повторно отображать его. Это может быть неправильный анализ, но если вы разместите полный источник, возможно, мы сможем вам помочь. - person Basic   schedule 31.12.2010