外部ファイルのセレクタでJQueryスクリプトを分離できないのですか？

Question

私はJQuery Selectorを持っていて、イベントはそれに関連付けられています。私はそれを外部ファイルに保存し、そのままコピーして保存したいと思います。私が見ることは、セレクタを持つ外部JavaScriptが動作しないことです。なぜ誰かが説明できますか？

注：HTMLファイル内で同じ機能を使用することはできますが、外部化する際には使用できます。それだけでは機能しません。次のように私が持っている スクリプトは次のとおりです。 - どのようにあなたは、このスクリプトを含めている

$('#pervious').click(function() { 
     var presentSlide = $('.visible').attr('id'); 
     var tempArr = presentSlide.split("-"); 
     var persentSlideNo = tempArr[1]; 
     var perviousSlideNo = Number(persentSlideNo) - 1; if (perviousSlideNo > -1) 
     { 
     var perviousSlide = "Slide-" + perviousSlideNo; 

      $('#' + presentSlide).fadeOut('slow',function(){ 
      $(this).removeClass('visible').addClass('hidden'); 
      }); 
      $('#' + perviousSlide).fadeIn('slow',function(){ 
      $(this).removeClass('hidden').addClass('visible'); 
      }); 
     } 

    }); 

Answer 1

？

id=pervious要素の定義の下に移動する必要があります。または、後に移動する必要があります（例：document.ready）。そうでない場合、要素は存在せず、バインドするものはありません。修正再表示するには

UPDATE、それはpervious要素が作成された後に実行する必要があります。それを外部の文書に置くと、pervious HTML要素が作成される前に実行される可能性が高いため、動作しません。外部ファイルに入れることができます。要素がロードされることを確実にしてください。あなたが実際に警告を行うことによって、それにリンクされて決定された後

$(document).ready(function() { 
    $.getScript('http://yoursite.com/extrascript.js'); 
}); 

Answer 2

、そのようなあなたのコードをラップ：

ドキュメントの準備が整う前に、あなたの選択を実行しているやっている

$(function(){ 
    // place your code inside here for ready event 
}); 

。セレクタはdomがそこに来る前に実行され、セレクタに結果がないので、何も付かない。 （のような閉鎖タグを含む）

<script src="myexternal.js" type="text/javascript"></script> 

ないこれらのいずれか：

Answer 3

あなたはのフォームでスクリプトを含める必要が

<script src="myexternal.js" type="text/javascript" /> 
<script src="myexternal.js" /> 
<script src="myexternal.js" ></script> 

フォームまたはそれが常に適切にレンダリングされ得ることはありません実行されません。

もちろん、jQueryを使用しているので、あなたのコードをjQueryライブラリのリンクの後に置いて、あなたのコードを他の人が実証したようにドキュメントに組み込むべきです。