1

私はこの質問が何度も聞かれていることを知っていますが、JSの知識がほとんどないため、これを機能させることができないようです。

Zebra Dialog jqueryプラグインを使用して、ページが読み込まれたときに開きたいモーダルウィンドウを作成しています。

Zebra Dialog Webサイトのすべての例では、リンクをクリックしたときにモーダルをロードする方法のみを説明していますが、ページのロード時にモーダルをロードできないようです。

現在、次のコードを使用しています。

<script type="text/javascript">
    $(document).load(function() {

    // show a dialog box when clicking on a link
    $(anchor).bind('click', function(e) {
        e.preventDefault();
        $.Zebra_Dialog('The link was clicked!');
    });

 });

</script>

リンクをクリックしたときにモーダルをロードするためのコードを使用していることは知っていますが、多くのことを試しましたが、ページのロード時にロードするようにコードを正常に変更する方法が見つかりませんでした。

どんな助けでも大歓迎です！

4

3 に答える 3

1

おそらくjQueryは含まれていませんか？jQueryが必要で、次にプラグインjs / cssが必要です<head>：

<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/zebra_dialog.js"></script>
<link rel="stylesheet" href="path/to/zebra_dialog.css" type="text/css">

<body>次に、 （スクリプトタグ内またはファイルからロードされた）コードのロード

$(document).ready(function() {
    $.Zebra_Dialog('Page loaded!');
});
于 2012-12-21T22:24:46.457 に答える
0 
$(document).load(function() {

   $.Zebra_Dialog('The link was clicked!');

});
于 2012-12-21T22:23:36.700 に答える
0

私は試してみます：

$(document).ready(function() {
    $.Zebra_Dialog('Page loaded!');
});

これは基本的に、ドキュメントの準備ができたら（つまり、ロードされたら）、モーダルダイアログを開くことを意味します。以前は、ドキュメントの準備ができたら、ある要素のクリックイベントにハンドラーをアタッチして（コード内の「アンカー」が何かわからない）、そのイベントハンドラーでダイアログを開くというコードがありました。

于 2012-12-21T22:27:29.910 に答える