如何在 JQuery 对话框中打开 .cfm 页面？答案

【问题标题】：How to open .cfm page in JQuery dialog box?如何在 JQuery 对话框中打开 .cfm 页面？
【发布时间】：2016-03-18 12:54:19
【问题描述】：

我的页面上有一个链接，用户可以在其中单击并打开另一个页面。我当前的代码在另一个选项卡中打开此页面。所以我希望在 JQuery 对话框中完成。用户可以单击链接并打开页面，而无需打开新窗口。我已经将 div 放在当前页面的底部，并将 id 设置为 dialog。这是我的代码：

<div>
    <a class="nav" href="procedure.cfm" target="_blank" style="color:red" onClick="verifyProcedure()">Procedure for use</a>
</div>

function verifyProcedure() {
    document.getElementById("submitForm").disabled = false;
    var contentUrl = 'procedure.cfm' 
    var dialog1 = $("<div>").dialog({
      autoOpen: false,
      modal: true,
      close: function (e, ui) { $(this).remove(); },
      buttons: { "Ok": function () { $(this).dialog("close"); } }
    });
    dialog1.load(contentUrl).dialog('open');
}

上面的代码不能按我想要的方式工作。我的页面仍然在新标签中打开。我希望对话框与我的 procedure.cfm 页面的内容在同一页面上弹出。谁能帮助我如何让它工作？提前致谢。

【问题讨论】：

stackoverflow.com/questions/9486624/… 可能重复
我尝试了该代码，但对我不起作用。页面未在对话框中打开。
dialog() 是 jQuery UI 的一部分。您在尝试使用之前是否已加载所需的 jQuery UI 文件？
我检查了一些文件从 JQuery UI 中丢失。现在工作正常。谢谢！
有谁知道为什么我的后台没有被禁用？我使用了模态并设置为 TRUE。那应该禁用背景？

标签： javascript jquery coldfusion dialog

【解决方案1】：

从链接中删除href和target

<a class="nav" href="javascript:void(0)" style="color:red" onClick="verifyProcedure()">Procedure for use</a>

【讨论】：

这是我点击链接后得到的错误：TypeError: $(...).dialog is not a function var dialog1 = $("
").dialog( {
确保你有 jquery.ui JS
JQuery UI 是问题所在。感谢您的帮助！
将该代码开发为单独的函数。工作完成后，从 verifyProcedure 函数中调用它。
modal:true 将禁用背景，确保您在 jquery.ui.css 的 .ui-widget-overlay 类上具有不透明度和 z-index ，或者在页面 wilth .ui- 上手动设置小部件覆盖{不透明度：1； z-index:1000;}