jQuery函数在新窗口中打开链接答案

【问题标题】：jQuery function to open link in new windowjQuery函数在新窗口中打开链接
【发布时间】：2013-05-15 16:17:14
【问题描述】：

我试图找到一个插件或简单的脚本来通过单击一个按钮在弹出窗口中打开一个文件。这曾经可以工作，但是随着所有 jQuery 更新（即使使用迁移文件），这不再有效。

我找到了这个，但这会打开弹出窗口并重定向到文件 url：

$(document).ready(function() {
$('.popup').click(function(event) {
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
 });
});

有什么方法可以得到一个简单的弹出窗口？它需要有滚动条，最好是可调整大小的。我看过很多关于模态框的帖子，但这并不能满足我的需要。弹出框有自己的设计，内容比模态框要多。

我还想避免添加任何额外的标记。像上面的例子一样，只添加一个类是最有意义的。

【问题讨论】：

标签： javascript jquery popupwindow

【解决方案1】：

试试这个，

$('.popup').click(function(event) {
    event.preventDefault();
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
});

你必须包含 jQuery 引用才能工作，这是工作示例 http://jsfiddle.net/a7qJt/

【讨论】：

@jenhan：查看共享示例
谢谢查米卡。我确实引用了 jQuery。我认为这是一个IE问题。它适用于 Chrome 和 Firefox。

【解决方案2】：

仅按钮点击事件。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
        <script language="javascript" type="text/javascript">
            $(document).ready(function () {
                $("#btnext").click(function () {                    
                    window.open("HTMLPage.htm", "PopupWindow", "width=600,height=600,scrollbars=yes,resizable=no");
                });
            });
</script>

【讨论】：

【解决方案3】：

尝试像这样在点击回调中添加return false; -

$(document).ready(function() {
  $('.popup').click(function(event) {
      window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
      return false;
  });
});

【讨论】：

@jenhan 你有没有被任何机会阻止的弹出窗口？
不，我已经检查过了，它们没有被阻止。

【解决方案4】：

$(document).ready(function() {
$('.popup').click(function(event) {
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
 });
});

【讨论】：

【解决方案5】：

http://www.jquerybyexample.net/2012/05/open-link-in-new-tab-or-new-popup.html

$(document).ready(function() {
$('A.BLAH').click(function() {
var NWin = window.open($(this).prop('href'), '', 'height=600,width=1000');
if (window.focus)
{
NWin.focus();
}
return false;
});
});

【讨论】：