2009-06-10 43 views
2

私はJqueryを初めて使用しています.JQueryスクリプトをプロジェクトフォルダ内の別のファイルに配置しようとすると問題が発生しています。私はコーナーと呼ばれるプラグインを使って作業しています。ここにHTMLファイルの関連部分があります別の.jsファイルを使用してJqueryを処理する

<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="scripts/jquery.corner.js"></script> 
<script type="text/javascript" src="scripts/myJQuery.js"></script> 

上記のコメントを外して、以下のスクリプトのコメントを外すとプラグインが機能します。 myJQuery.jsの内容は以下の通りです(スクリプトタグを除く)。

<!--<script> 
     $(document).ready(function() 
     { 
       $("div.container").corner(); 
      $("div.linkList").corner(); 
     }) 
    </script>--> 

HTML:

<body> 
    <div class ="container"> 
     <div class ="header"></div> 
    <div class ="linkList"></div> 
    </div> 
</body> 

同じコードは、他の方法(別の.jsファイル)片道(HTMLファイル内の)作業ではなく、なぜ上の任意のアイデア?前もって感謝します。

+0

以下のEmilが重要なのは、jquery-1.3.2.min.jsが自分のjsの前に存在することです輸入。 – andi

答えて

0

通常の原因は、ファイルの名前付けやアクセス許可の変更です。

Webサーバーのログでエラーがないかどうかを確認します。

3

あなたがそのコード言っている:それは外部ファイルにインラインではなく、とき

$(document).ready(function() 
      { 
          $("div.container").corner(); 
       $("div.linkList").corner(); 
     }) 

作品?

上記のコードはmyJQuery.jsの唯一のコードですか?そうでない場合は、ファイルに構文エラーがあることを確認して、コードの実行を停止してください。上記のコードを別のファイルで作成し、正しく動作するかどうかの例を作成しました。 http://thetimbanks.com/demos/help/separate/をチェックし、コードを見たい場合はソースを表示してください。

3

PCから作業する場合は、ファイルをANSIエンコード形式で保存したことを確認してください。

インクルードが内側に置かれている場合..

<script type="text/javascript" src="scripts/myJQuery.js" charset="UTF-8"></script> 
0

私が見る問題は、HTMLは、あなたが<!-- -->を使用するコメントである:それは確認してUTF-8形式である場合は、つまり、あなたのスクリプトタグにすることを指定しています彼らはJavascriptコメントが、HTMLではないため、ファイルがロードされないために原因となるのjsファイル..

ので、JSファイル内のコードが

<!-- 
       $(document).ready(function() 
       { 
           $("div.container").corner(); 
        $("div.linkList").corner(); 
      }) 
--> 

であるならば、Liはそれを行いますこの

//<!-- 
       $(document).ready(function() 
       { 
           $("div.container").corner(); 
        $("div.linkList").corner(); 
      }) 
//--> 
2

他のjavascriptファイルの前に "jquery-1.3.2.min.js"が呼び出されていることを確認してください。

0

あなたが使用している限り、JQuery API関数$(document).ready(); JQuery API関数を含むカスタムjsファイルの前にjquery-1.3.2.min.jsを呼び出す必要があります

関連する問題