0

Web サイトでアップル効果のあるログイン オーバーレイを開くのが好きです。オーバーレイを呼び出すさまざまなトリガーがあります。これが私がしたことです：

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 タグのオーバーレイが 1 回だけ開きます。

どんなアイデアでも大歓迎です！

4

1 に答える 1

1

JavaScript コードはいつ実行されますか? 「ドキュメント準備完了」イベントによって一度起動されると思いますか？HTML が ajax を介して再レンダリングされていないことを確認しましたか?

于 2013-10-24T10:13:41.750 に答える