В JQueryUI модальная опция не работает, если я собираю и вызываю javascript во внешнем файле - PullRequest
Новая
       24

В JQueryUI модальная опция не работает, если я собираю и вызываю javascript во внешнем файле

1 голос
/ 01 января 2011

Я пытаюсь использовать диалоговый виджет из JQueryUI и столкнулся с проблемой.Код выглядит следующим образом: 

<script type="text/javascript">
   // Set the document ready function...
   $(document).ready(function ()
   {
      // Create the Confirmation Dialog
      var $confDialog = $("#confDialog")
         .html('This is the confirmation dialog...')
         .dialog({ autoOpen: false, title: 'Email Success!', modal: true });

      // Create the Failure Dialog
      var $failDialog = $("failDialog")
         .html('This is the failure dialog...')
         .dialog({ autoOpen: false, title: 'Email Failed!', modal: true });


      $confDialog.dialog('open');
   });

</script>

Если я включу этот код в заголовок страницы, диалоговое окно будет отображаться, как ожидается, и будет модальным ...

Если я включу его ввнешний файл javascript и ссылаться на него так: 

<script src="/Scripts/Main/Contact.js" type="text/javascript"></script>

Диалоговое окно будет отображаться, как и ожидалось, но оно не будет модальным ... Не уверен, в чем разница ... Любая помощь будетБуду признателен ... Спасибо !!

1 Ответ

0 голосов
/ 01 января 2011

Похоже, что ваш селектор не работает здесь, вызывая проблемы при выполнении в другом контексте: 

var $failDialog = $("failDialog")

Должно быть: 

var $failDialog = $("#failDialog")

Несмотря на уважение к переменной / селектору, присвоение имен является недействительным, поскольку оно терпело неудачу:)

...