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 回答