使用 jQuery 打开新选项卡中的所有链接

发布于 2024-11-14 14:05:56 字数 332 浏览 3 评论 0原文

我有一些链接通过 JSON 动态放置在我的页面中，但无法直接编辑它们。我想强制所有链接在新选项卡中打开，ala target="_blank"

认为这会起作用..但遗憾的是事实并非如此。有什么想法吗？

 $('a').attr("target","_blank");

这是带有动态代码的 jsFiddle： http://jsfiddle.net/danielredwood/mrgta/7/

原文

I have some links that are placed in my page dynamically via JSON and have no way to directly edit them. I want to force all links to open in new tabs, ala target="_blank"

Thought this would work.. but sadly it isn't. Any ideas?

 $('a').attr("target","_blank");

Here's a jsFiddle with the dynamic code:
http://jsfiddle.net/danielredwood/mrgta/7/

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

勿挽旧人 2024-11-21 14:05:56

您可以这样做（让用户浏览器决定是否打开新窗口或选项卡）：

$('a').live('click', function() {
  window.open($(this).attr('href'));
  return false;
});

对于 jQuery 1.7+，

$(document).on('click', 'a', function() {
  window.open($(this).attr('href'));
  return false;
});

You could do this (which lets the users browser decide whether to open a new window or tab)

$('a').live('click', function() {
  window.open($(this).attr('href'));
  return false;
});

For jQuery 1.7+:

$(document).on('click', 'a', function() {
  window.open($(this).attr('href'));
  return false;
});

回复收藏 0 原文

我们只是彼此的过ke 2024-11-21 14:05:56

你的问题可能是时间问题。

请记住，当您调用诸如 $('a').attr(...whatever...) 之类的内容时，它将立即生效，无论何时以及页面上所有现有元素。因此，...如果您的 tweet 插件是异步的，并且执行时间超过 0 毫秒，那么您的代码似乎正在尝试更改甚至不存在于页面尚未。

也就是说，您可能 (A) 调用 tweet 插件，(B) 更改页面上的所有链接，然后 (C) 推文插件完成并在页面上注入一堆新链接之前被错过了。

因此，您可以尝试的是查看您正在使用的 tweet 插件是否具有某种“全部完成”或其他完成回调，然后您可以使用它们来更改链接标记。或者，就像我也赞同的另一个建议的答案一样，不仅仅是尝试更改链接标签，而是监听（实时）页面上的任何链接点击，并在该时间点拦截它们。这样，您就无需担心 tweet 插件的计时/完成，因为您可以使用在任何时间点都有效的事件委托 (live)。请参阅 Petah 的答案，了解如何执行此操作的一个很好的示例。

祝你好运！

回复收藏 0 原文

梓梦 2024-11-21 14:05:56

这对我有用：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

<body>


<a href="http://www.google.com">test</a>
<br />
<a href="http://www.yahoo.com">test2</a>

<script>
    $('a').attr('target', '_blank');
</script>

</body>

</html>

This works for me:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

<body>


<a href="http://www.google.com">test</a>
<br />
<a href="http://www.yahoo.com">test2</a>

<script>
    $('a').attr('target', '_blank');
</script>

</body>

</html>

回复收藏 0 原文