Question

您好我想在页面上创建一个按钮或链接，以便在模态窗口中打开另一个较小尺寸的页面而不关闭原始页面

我怎样才能以非常简单的方式实现这一目标？谢谢

主页

<!DOCTYPE html>
<html>
    <a href='site/modal.php'>Click Here to open Modal window</a>
</html>

modal.php

<!DOCTYPE html>
<html>
    <form>
       some input
    </form>
</html>

Answer 1

您可以在新窗口中打开一个包含所需大小的链接，如下所示。希望它有所帮助。

$('a').click(function() {
    window.open($(this).attr('href'),'title', 'width=800, height=700');
    return false;
});

<强>更新

您可以使用此（jquery-modal）插件在下面的模式中显示链接。

<强> HTML

<script src="jquery.modal.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="jquery.modal.css" type="text/css" media="screen" />

<a href='site/modal.php'>Click Here to open Modal window</a>

<强> JQUERY

$('a').click(function() {
    $(this).modal();
    return false;
});

如何在新模态窗口中打开链接

1 个答案: