Мне нравится открывать оверлей регистрации с эффектом apple на веб-сайте. Существуют разные триггеры для вызова оверлея. Вот что я сделал:
HTML
<div id="top_nav">
<a id="my_side" rel="#overlay" href="overlay_login.jsf"></a>
</div>
<div class="apple_overlay" id="overlay">
<a class="close"></a>
<div class="content-wrap"></div>
</div>
<div class="call-button active" rel="#overlay" href="overlay_login.jsf">
some text
</span>
</div>
<div class="call-button active" rel="#overlay" href="overlay_login.jsf">
some text
</div>
<div class="call-button active" rel="#overlay" href="overlay_login.jsf">
some text
</div>
<div class="call-button active" rel="#overlay" href="overlay_login.jsf">
some text
</div>
И это мой Javascript:
$('a[rel], div.call-button.active[rel]').overlay({
mask: {
color: '#ffffff',
loadSpeed: 200,
opacity: 0.5
},
effect: 'apple',
top: '15%',
onBeforeLoad: function() {
// grab wrapper element inside content
var wrap = this.getOverlay().find(".content-wrap");
// load the page specified in the trigger
wrap.load(this.getTrigger().attr("href"));
},
closeOnClick: false,
load: false
});
Но это открывает оверлей для тегов div только один раз.
Любые идеи приветствуются!
Когда выполняется ваш код javascript? Я предполагаю, что он выстрелил один раз "событие, готовое к документу"? Вы гарантировали, что ваш html не будет повторно представлен через ajax?