单击jquery中的链接打开新选项卡(窗口)

thk*_*ang 39 javascript jquery

我有一个显示行godelete按钮的Web应用程序.

如果用户单击go,则应打开新的选项卡/窗口,其中包含根据行数据构建的URL.

我怎么能在jquery中这样做?我在做的是:

$('.go').click( function () {
   var wid = {{ wid|tojson|safe }};
   var sid = $(this).prop('id');
   url = $script_root + '/' + wid + '/' + sid;

   // go to url
});
Run Code Online (Sandbox Code Playgroud)

一些更新:

我真正特林实现动态更新是href一个的<a>元素.

<a id="foo" href="#">foo</a>
<script type="text/javascript>
$('#foo').click( function() {
  $(this).prop('href', 'http://www.google.com/');
});
</script>
Run Code Online (Sandbox Code Playgroud)

这不起作用(小提琴:http://jsfiddle.net/6eLjA/)

kar*_*una 89

试试这个:

window.open(url, '_blank');
Run Code Online (Sandbox Code Playgroud)

这将在新选项卡中打开(如果您的代码是同步的,在这种情况下它是.在其他情况下它会打开一个窗口)

  • @VisioN此代码不会打开新选项卡:$ .get('someurl',function(){window.open('anotherurl','_ blank');}),它会打开一个窗口,因为默认情况下ajax请求是异步的(你可以改变它) (6认同)
  • Tareck - window.open应该放在点击事件中,以防止谷歌浏览器阻止弹出窗口. (3认同)