Question

我的页面A中有一个链接会将用户带到页面B.我希望弹出页面B而不影响我的页面A，使用jquery ui对话框，如window.open（）函数如何（例如：{{ 1}}
我在第A页中有这个：

<a href="" onclick="window.open('abc.php','', 'width=100, height=100, location=no, menubar=no, status=no,toolbar=no, scrollbars=no, resizable=no'); return false">  ABC </a>

我在第B页有这个：

<a href="abc.php">link to page B  </a>

我的问题是内容显示在对话框内，但它没有弹出窗口。该对话框仅在浏览器窗口中显示为对话框。基本上，页面A由页面B替换。但是当用户单击页面A上的链接时，我希望页面B弹出。
谁知道该怎么办？非常感谢。

Answer 1

您可以在pageA上创建一个javascript函数，如下所示

function showUrlInDialog(url){
  var tag = $("<div></div>");
  $.ajax({
    url: url,
    success: function(data) {
      tag.html(data).dialog({modal: true}).dialog('open');
    }
  });
}

将您的网页加载到iframe的第二种方式

function showUrlInDialog(url){
  var tag = $("<div></div>");
  tag.html('<iframe style="border: 0px; " src="' + url + '" width="100%" height="100%"></iframe>').dialog({modal: true}).dialog('open');
  
}

现在在锚标记上调用此函数，如下所示

<a href="#" onclick="showUrlInDialog('abc.php'); return false;">link to page B</a>

在第B页上只保留您的表单或HTML代码

<div>
//code for form of page B

</div>

如何使用jquery ui对话框创建弹出窗口

1 个答案: