jQuery的功能，在新窗口打开链接(jQuery function to open link in

我试图找到一个插件或简单的脚本，通过点击一个按钮，打开弹出式窗口中的文件。 这曾经工作，但所有的jQuery的更新（甚至与迁移文件），这不再有效。

我发现了这一点，但是这将打开弹出式窗口，也重定向到文件网址：

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

没有办法让一个简单的弹出？ 它需要有滚动条，优选调整大小。 我见过很多职位模态箱，但不完成我需要什么。 弹出框都有自己的设计并没有更多的内容比将适合于一个模式。

我也想避免增加任何额外的标记。 这是很有道理的，只是加个班，像上面的例子。

Answer 1:

试试这个，

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

你必须包括jQuery的引用来解决这个，这里是工作SAMPE http://jsfiddle.net/a7qJt/

Answer 2:

只是按钮的Click事件。

<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>

Answer 3:

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

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

Answer 4:

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

Answer 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;
});
});

文章来源: jQuery function to open link in new window