按钮操作中具有回调的JQuery UI对话框无法打开第二个对话框

Question

这似乎是一个常见的话题，但是我还没有看到任何人发布此特定版本。

<script>
$(document).ready(function() {
   $("#somebutton").click(function() {
       $.get("someurl", function(data){
          $("#PartsDialogDiv").html(data);
          $("#PartsDialogDiv").dialog("open");
       });
    });


   $("#PartsDialogDiv").dialog({
           autoOpen: false,
           width: 600,
           resizable: false,
           modal: true,
           buttons: {
               "Use Part": function() {
                   $.get("someurl", function(data){
                       $("#AnotherDIV").html(data);
                   });
                   $(this).dialog("close");
               },
               "Cancel": function () {
                   $(this).dialog("close");
               }
           }
     });
});
</script>
<div id="PartsDialogDiv"></div>
<div id="AnotherDIV"></div>

在执行“使用零件”按钮操作后，按下调用.dialog（“ open”）的按钮时会发生什么情况，因为它无法打开。 实际上，它指出：

Object doesn't support this property or method

我有一种感觉，第一次按下“ Use Part”时，回调无法使PartsDialogDiv上的dailog设置保持不变，并且它不再知道div可以调用该jquery UI方法。

将它们全部包装在$（document）.ready（）中，我不确定如何将div重新初始化为对话框而不将其放入“使用部件”按钮功能中。

有没有人遇到过这种情况，并且对如何处理有任何好的建议或建议？

先感谢您！

这是MVC3，但并不完全确定它是否相关。

回答（因为直到发布此问题后8个小时我才回答我自己的问题）：我设法解决了这个问题。 詹（Jen）和乔治·康明斯（George Cummins）都使我得出这样的结论，即我的观点是不好的。

在我的局部视图中，我包括以下脚本：

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"
       type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" 
       type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" 
       type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" 
       type="text/javascript"></script>

它们是自动生成的（或者出于某种原因我盲目地将它们包括在内），因此不需要。 我删除了它们，一切正常。

非常感谢大家的宝贵时间！

Answer 1

当单击“使用零件”按钮时，听起来好像是在改变“ #PartsDialogDiv”。 我们需要确保将代码替换为“ //做某事”，但是您可以检查该代码并根据需要进行更改。 具体来说，寻找对.destroy（）或.disable（）的调用。