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

Question

我试图找到一个插件或简单的脚本，通过单击按钮在弹出窗口中打开文件。这用于工作，但与所有的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

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

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

Answer 3

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

Answer 4

仅限按钮点击事件。

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