0

ページの読み込み時に jquery (avgrund) モーダル ウィンドウ プラグインを呼び出そうとしていますが、その方法がわかりません。プラグインのページは、ボタンのクリック時にプラグインを呼び出しますが、ページの読み込み時に実行したくありません...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" class="no-js">
<head>
    <title></title> 
    <link rel="stylesheet" type="text/css" href="AvgrundModal/avgrund.css" /> 
</head>
<body>
    <div id="avtest">NO RESULTS</div>

    <!-- Include JavaScript file -->
    <script src="AvgrundModal/jquery.avgrund.js"></script>
    <script>
        $(document).ready(function(){
        $('#avtest').avgrund();
        });
    </script>
</body>
</html>

プラグインへのリンクはこちらです... http://labs.voronianski.com/jquery.avgrund.js/

4

5 に答える 5

2

これを変える：

$('#avtest').avgrund();

このため：

 $('#avtest').avgrund().trigger("click");
于 2014-03-07T02:03:49.120 に答える
1

click初期化後にイベントをトリガーするだけです。

    $(document).ready(function(){
        $('#avtest').avgrund().click();
    });
于 2014-03-07T02:03:30.480 に答える
1

ここにjQueryライブラリがありません：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="AvgrundModal/jquery.avgrund.js"></script>  
<script>
    $(document).ready(function(){
         $('#avtest').avgrund();
    });
</script>

また、次のように変更してみてください。

$('#avtest').avgrund();

に：

$('#avtest').avgrund().click();
于 2014-03-07T02:03:38.897 に答える
1 
$(function() {
    $('#avtest').avgrund({
        height: 200,
        holderClass: 'custom',
        showClose: true,
        showCloseText: 'Close',
        enableStackAnimation: true,
        onBlurContainer: '.container',
        template: '<p>So implement your design and place content here! If you want to close modal, please hit "Esc", click somewhere on the screen or use special button.</p>' +
        '<div>' +
        '<a href="http://github.com/voronianski/jquery.avgrund.js" target="_blank" class="github">Avgrund on Github</a>' +
        '<a href="http://twitter.com/voronianski" target="_blank" class="twitter">Twitter</a>' +
        '<a href="http://dribbble.com/voronianski" target="_blank" class="dribble">Dribbble</a>' +
        '</div>'
    });
            $('#avtest').click();
});
于 2014-03-07T02:03:44.353 に答える