0

基本的な jqModal ポップアップを取得しようとしましたが、行き詰まりました。jqModal.css ファイルは、ポップアップ ボックスを (有効にする前に) 適切に非表示にしていますが、ポップアップすることはできません。

コードは次のとおりです。

<html>
<head><title>Modal test </title>
<link href="jqModal.css" type="text/css" rel="stylesheet"/>

<script type="text/javascript" src="jqModal.js"></script>
 <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#modal-pop").jqm();
    $("h1").html("how are you?");
});

</script>

</head>
<body>
<style type="text/css">
body {background-color:red;}
#modal-pop {background-color:green;
            width:50px;
            height:60px;}
</style>    
<h1>Hello world</h1>
<a href="#" class="jqModal">view</a> 
<div id="modal-pop" class="jqmWindow">This is a neat popup!</div>
</body>

行をコメントアウトすると

$("#modal-pop").jqm();

それから次の行

$("h1").html("how are you?");

動作しますが、そうでなければ動作しません。パスを確認したところ、jqModal.js は実際にはコードにあるようにルート ディレクトリにあります。

4

1 に答える 1

0

私が見た別の投稿に基づいて、私は問題を理解しました。jquery.js のソースを含む script タグは、jqModal.js のスクリプトの前にある必要があります。これは、jquery のプラグインであり、jquery コードを実行する必要があるためです。

于 2012-07-05T20:20:22.970 に答える