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

我试图使用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")

---

尽管变量/选择器备受赞誉，但命名失败了：

是否可能无效的var$failDialog=$failDialog选择器出现故障？当你纠正它时会发生什么？e、 g.var$failDialog=$failDialog天哪。。。那太尴尬了。我应该睡一会儿。。。哇，老兄，谢谢