javascript - 在JQueryUI中，如果我在外部文件中构建和调用javascript，则modal选项不起作用

我正在尝试使用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>

该对话框将按预期方式显示，但不会显示为模态。不确定此处的区别是什么。任何帮助将不胜感激……谢谢！

最佳答案

您的选择器似乎在这里失败，在不同的上下文中执行时会导致问题：

var $failDialog = $("failDialog")

它应该是：

var $failDialog = $("#failDialog")

虽然对变量/选择器表示赞誉，但命名失败，因为它失败了:)