JQuery UI（带有 Javascript 的对话框）答案

【问题标题】：JQuery UI (Dialog with Javascript)JQuery UI（带有 Javascript 的对话框）
【发布时间】：2023-03-08 06:24:01
【问题描述】：

最近怎么样？

我正在尝试打开 jquery ui 的对话框组件并使用 Ajax（asp.net mvc 的部分视图）加载对话框的内容，它运行良好。但是，对话框的内容有一些 javascripts，当对话框内的脚本被执行时，后台页面丢失了只显示对话框内容的样式和内容显示=/...有人知道我该如何解决这个问题吗？

我想在 javascript 中显示类似 Windows SO 对话框的内容...

谢谢大家阿特，

【问题讨论】：

这不应该发生，但为了理解原因，您需要为您在对话框中加载的代码提供代码。

标签： jquery asp.net-mvc jquery-ui

【解决方案1】：

Zacho 帮了我大忙，谢谢。

<div style="display: none;" id="dialog">
    <div class="ajax-loader-long">
        Loading information...<br />
        <img src="images/ajax-loader-long.gif" alt="Loading..." width="220" height="19" />
    </div>
</div>

$("#dialog").load("ajax/budget_overview.php", {SiteID:a.SiteID}, function(response, status, xhr) {
      if (status == "success") {
        $('.ajax-loader-long').hide();
        $("a.tooltip[title]").tooltip({tip:"#tooltip", effect:"fade", fadeOutSpeed:100, predelay:0, position:"top right"});
      }
    }).dialog("open");

【讨论】：

【解决方案2】：

当您获取该页面的 html 时，将包含在部分中的 javascript 添加到您的加载事件的回调中。它应该可以正常执行。

【讨论】：