Диалоговое окно не отображается при вызове внешнего файла js

Question

У меня проблема с доступом к моему диалоговому окну, когда я пытаюсь вызвать его из внешнего файла js, но когда я вызываю его прямо внутри страницы, он работает нормально.Есть ли проблема с моим селектором, что он не может найти идентификатор элемента div, который должен быть моим диалоговым окном?здесь код внутри внешнего 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

Что такое родитель? Это доступно?
Если он объявлен как var внутри другой анонимной функции, к которой у вас нет доступа, попробуйте снять «var», чтобы сделать его глобальным.

Вы получаете какие-либо ошибки в консоли?

Answer 2

Возможно, вы ошиблись.Ваше включение в js должно быть таким:

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

Обратите внимание, что порядок имеет решающее значение.

Надеюсь, это поможет.Приветствия