1

我试图从http://dev.iceburg.net/jquery/jqModal/测试一些工作代码， 以了解它是如何工作的，但我无法让代码工作。我正在尝试使用弹出对话框部分，并且我正在测试示例部分中的默认代码，这是第一个示例。这是我复制并尝试测试的内容。不工作的部分是弹出的对话框。我收到一个错误说.... Uncaught ReferenceError: $ is not defined

<html>

<head>
<title> test </title>

<style type = "text/css">


.jqmWindow {
display:none;

position: fixed;
top: 17%;
left: 50%;

margin-left: -300px;
width: 600px;

background-color: #EEE;
color: #333;
border: 1px solid black;
padding: 12px;
}

.jqmOverlay { background-color: #000; }


# html .jqmWindow {
 position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) +     Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

</style>

<script type = "text/javascript">
$().ready(function() {
$('#dialog').jqm();
});

</script>
</head>

<body>

<a href="#" class="jqModal">view</a>
...
<div class="jqmWindow" id="dialog">

<a href="#" class="jqmClose">Close</a>
<hr>
<em>READ ME</em> -->
This is a "vanilla plain" jqModal window. Behavior and appeareance extend far beyond   this.
The demonstrations on this page will show off a few possibilites. I recommend walking
through each one to get an understanding of jqModal <em>before</em> using it.

<br /><br />
You can view the sourcecode of examples by clicking the Javascript, CSS, and HTML tabs.
Be sure to checkout the <a href="README">documentation</a> too!

<br /><br />
<em>NOTE</em>; You can close windows by clicking the tinted background known as the  "overlay".
Clicking the overlay will have no effect if the "modal" parameter is passed, or if the
overlay is disabled.
</div>


</body>
</html>
4

1 回答 1

0

如果您的代码确实是您的整个 HTML，那么 $ 未定义的原因是您没有包含 jQuery（它定义了 $ 并将其用作简写）。您的代码既不包括 jQuery 库也不包括 jqModal 脚本。（诚​​然，jqModal 网站上的所有示例都是摘录而不是完整代码，因此他们认为这一步是理所当然的。）

添加

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="/assets/js/jqModal.js"></script>

在您的 中<head>，根据需要调整 jQModal.js 的路径。

于 2013-01-16T09:59:57.253 回答