1

href クリックで簡単に開き、ポップアップ ウィンドウを表示する Jquery Modal に取り組んでいます。
私のhtmlページは

<!DOCTYPE html>

    <head>
        <meta charset="utf-8" />
        <title>Reveal Demo</title>

        <link rel="stylesheet" href="reveal.css">   

        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
        <script type="text/javascript" src="jquery.reveal.js"></script>

        <style type="text/css">
            body { font-family: "HelveticaNeue","Helvetica-Neue", "Helvetica", "Arial", sans-serif; }
            .big-link { display:block; margin-top: 100px; text-align: center; font-size: 70px; color: #06f; }
        </style>
            <script type="text/javascript">

                $(document).ready(function() {
                    $('a[data-reveal-id]').live( 'click',function(e) {
                        e.preventDefault();
                        var modalLocation = $(this).attr('data-reveal-id');
                        $('#'+modalLocation).reveal($(this).data());
                });
            });
        </script>

    </head>
    <body>

        <a href="#" data-reveal-id="myModal">
            Fade and Pop
        </a>    

        <div id="myModal" class="reveal-modal">
            <h1>Reveal Modal Goodness</h1>
            <p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p>
            <a class="close-reveal-modal">&#215;</a>
        </div>

    </body>
</html>

私の出力は

ここに画像の説明を入力

ご覧のとおり、このポップ ウィンドウは、[フェード アンド ポップ] リンクをクリックすると開きます。

しかし、ページの読み込み時にこのポップウィンドウを開きたいです。私は非常に試しましたが、結果が得られません。私が間違っているところ。

4

2 に答える 2

2

aあなたはクリックイベントで公開を呼び出していdocument.readyます..

document.ready 関数で試してみてください

$(document).ready(function() {  //or  $(window).load(function(){ 
    $('#myModal').reveal($(this).data());
});
于 2013-03-28T06:40:27.867 に答える
0

リンクポップアップのクリック時とページ読み込み時の両方が発生するようにするために必要なもの。.click()したがって、以下のように終了の最後に追加して、これが機能するかどうかを確認するだけです。

$(document).ready(function() {
   $('a[data-reveal-id]').live( 'click',function(e) {
       e.preventDefault();
       var modalLocation = $(this).attr('data-reveal-id');
       $('#'+modalLocation).reveal($(this).data());
   }).click();
});//-^^^^^^^----------------add this
于 2013-03-28T06:52:56.640 に答える