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

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

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

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

有什么方法可以获得简单的弹出窗口吗？ 它需要有滚动条，最好是可resize的。 我见过很多关于模态盒子的post，但这并没有达到我的需要。 弹出框有自己的设计，内容比适合模态的内容多。

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

Answer 1

试试这个，

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

你必须包含jQuery引用来工作，这里是工作样本http://jsfiddle.net/a7qJt/

Answer 2

仅按钮单击事件。

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