Question

我一直试图获得一个基本的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确实位于根目录中，就像在代码中一样。

Answer 1

根据我看到的另一篇文章，我发现了问题。带有jquery.js源代码的脚本标记需要在jqModal.js的脚本之前，因为它是jquery的插件，需要运行jquery代码。

jqModal弹出窗口无法正常工作

1 个答案: