1

http://dev.iceburg.net/jquery/jqModal/からいくつかの機能するコードをテストして 、これがどのように機能するかを理解しようとしましたが、コードを機能させることができません。ポップアップダイアログボックスの部分を使用しようとしています。例のセクションの最初の例であるデフォルトからコードをテストしています。これが私がコピーしてテストしてみたものです。動作していない部分は、ポップアップするダイアログボックスです。エラーが発生しました...キャッチされていないReferenceError:$が定義されていません

<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 に答える