如何在JQuery对话框中打开.cfm页面?

时间:2016-03-18 12:54:19

标签: javascript jquery coldfusion dialog

我的页面上有一个链接,用户可以在其中单击并打开另一个页面。我当前的代码在另一个选项卡中打开此页面。所以我希望在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页面的内容中弹出同一页面。任何人都可以帮助我如何让这个工作?提前谢谢。

1 个答案:

答案 0 :(得分:4)

从链接中删除href和目标

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