关闭和加载的jQuery对话框问题

Question

我有一个 jQuery 对话框，可以在其中加载另一个页面。 好吧，它只有第一次才能正常工作，如果我尝试再次打开对话框，Chrome 开发者工具会显示：

未捕获的类型错误：$(...).dialog 不是函数

对话框没有打开。

这是我拥有的 jQuery 代码：

$(function() {

  $( "#dialog" ).dialog({
     autoOpen: false,
     title: 'Dettagli contratto',
     height: 150,
     width:350
  });


  $( ".opener" ).click(function() {
    $( "#dialog" ).load( "contracts.php" );
    $( "#dialog" ).dialog( "open" );
  });


});

我认为问题在于 load() 函数。事实上，如果我删除此功能，它就可以正常工作。

有什么帮助吗？谢谢！

Answer 1

我强烈怀疑您的contracts.php 包含与<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 非常相似的jQuery 脚本标签。因此，每当您在对话框中加载 contracts.php 时；所有先前初始化的小部件/插件都被清除了。

要克服这一点；尝试从contracts.php 中删除 jQuery 脚本标签，看看你得到了什么。