Question

我写下面的代码`

<a href="b.html" class="popup">Holiday</a>
<script>
  a.popup.click(function(event)
  {
    event.preventDefault();
    window.open($(this).attr('href'));
  });

</script>

它会在新窗口中打开b.html，但同样打开，为什么？我包括像这样的JQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"/>

哪个是最新版本？这可能是一个原因吗？

Answer 1

a.popup.click会抛出错误，因为a未定义。

您正在尝试使用jQuery click方法，因此您需要创建一个引用您尝试选择的元素的jQuery对象。

jQuery("a.popup").click(your_function)

Answer 2

您可以通过为锚标记指定target =“_ blank”来实现在您的案例中打开不同的标签功能

<a href="b.html" target="_blank" class="popup" >
    Holiday
</a>

Answer 3

您可以尝试使用以下代码，它可以使用，您可以选择标题并设置适合您的不同参数：

$(document).ready(function(event) {
       $('a.popup').on('click', function(event) {
            var params = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes";
            event.preventDefault();
            window.open($(this).attr('href'), "Title", params);
       });
});

Answer 4

只需更改此部分

<a href="b.html" target="_blank" class="popup" >

jsFiddle

为什么window.open（）在同一个窗口中打开？

4 个答案: