外部jsファイルを呼び出すときにダイアログボックスが表示されない

Question

外部jsファイルで呼び出すときにダイアログボックスにアクセスする際に問題が発生していますが、ページ内で直接呼び出しても問題ありません。私のセレクタに、ダイアログボックスであると思われるdiv要素のIDを見つけることができないという問題がありますか？ここでは外部のjsファイルの中のコードです。

$(document).ready(function() { 
     var hitlistDoc = parent.document.getElementById("hitlist").contentDocument; 
     var links=hitlistDoc.getElementsByName('linkComment'); 
     var i=0; 


     $(links).each(function(){ 
      links[i].href='#'; 

       $(links[i]).click(function() { 

        $('#dialog').dialog({modal: true, position: [902, 345], width: 400 }); 
        $('#dialog').dialog('open'); 

       }); 
      i++;  
     }); 

    }); 

Answer 1

あなたが間違っている可能性があります。あなたのjsインクルージョンはこのようにする必要があります

<script src="path/to/jquery.js"></script> 
<script src="path/to/jqueryUI.js"></script> 
<script src="path/to/your/external/file.js"></script> 

この順序は重要です。

これが役に立ちます。乾杯

Answer 2

親とは何ですか？それはアクセス可能ですか？
別の匿名関数内でvarとして宣言されている場合は、アクセスできません。グローバルにするには "var"を削除してみてください。

コンソールにエラーがありますか？