0

これが私のコードです：

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>

<script>
 $(document).ready(function(){
    $( "#draggable" ).draggable();
 });
</script>

<div id="draggable" 
    style="
        position: fixed;
        left: 50%;
        margin-left: -100px;
        top: 30%;
        width: 200px; 
        background: rgba(255,255,255,0.66); 
        border: 2px  solid rgba(0,0,0,0.5); 
        border-radius: 4px; padding: 8px;
    "
>
   This is a test
</div>

ご覧のとおり、使用する前にクエリ 1.8.16 ファイルを呼び出します。しかし、jQuery を初めて使用すると、次のエラーが表示されます。

Can't find variable $

これは、jQueryがロードされていないことです。サファリインスペクターで調べてみましたが、ファイルが正しくロードされていると確信しています。リンクは大丈夫です。ファイルを読み込んで、スクリプトを実行します。

なぜこのエラーが発生するのですか?

4

3 に答える 3

3

jQuery UI を含めていますが、コアの jQuery ライブラリは含めていません。次を追加する必要があります。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

またはここからダウンロードしてください

注- jQueryUI の前に jQuery を含める必要があります

于 2012-05-10T15:11:48.420 に答える
1

jQueryUI の次に、jQuery も必要です。このスクリプトも含めてください。

于 2012-05-10T15:11:46.827 に答える
0

jquery UI をロードしていますが、jquery フレームワーク自体もロードするのを忘れていませんか?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
于 2012-05-10T15:13:12.510 に答える