Ouvrir tous les liens dans de nouveaux onglets avec jQuery

J'ai quelques liens qui sont placés dans ma page dynamiquement via JSON et n'ont aucun moyen de les éditer directement. Je veux forcer tous les liens s'ouvrent dans de nouveaux onglets, ala target="_blank"

Pensé que ce serait un travail.. mais malheureusement il ne l'est pas. Des idées?

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

Voici un jsFiddle avec la dynamique de code:
http://jsfiddle.net/danielredwood/mrgta/7/

OriginalL'auteur technopeasant | 2011-06-09

  1. 13

    Vous pourriez le faire (ce qui permet au navigateur d'utilisateurs de décider de l'ouverture d'une nouvelle fenêtre ou onglet) 

    $('a').live('click', function() {
    window.open($(this).attr('href'));
    return false;
});
    Je me demande pourquoi cela a été downvoted? Il doit travailler comme annoncé. Sur une note de côté, je n'aime réglage de la target attribut _blank, comme il était suggéré dans d'autres réponses, parce que je suis de la vieille école et il fonctionne bien. Mais cette solution---si l'on se soucie même de ce genre de choses---qui est en fait celui qui devrait être recommandé si l'on se soucie de la validation (depuis target est déconseillé d'attribut).
    P. S., veuillez voir ma réponse distincte sur cette page, qui approuve cette réponse pour une autre raison: le timing.

    OriginalL'auteur Petah

  2. 6

    Votre problème est peut-être l'un de calendrier.

    Gardez à l'esprit, lorsque vous appelez quelque chose comme $('a').attr(...whatever...), qu'elle prendra effet instantanément, lors de tout et de tous existant éléments sur la page. Alors, ... si votre tweet plugin est asynchrone et prend plus de 0 millisecondes à effectuer, il ressemble à votre code est d'essayer de changer les attributs des liens qui n'existent même pas sur la page de.

    Qui est, vous pourriez être (A) l'appel de la tweet plugin, (B) la modification de tous les liens sur la page, puis (C) le tweet plugin complète et injecte un tas de nouveaux liens sur la page qui ai manqué plus tôt.

    Donc, ce que vous pourriez essayer, c'est de voir si le tweet plugin que vous utilisez a une sorte de "tout-fait" ou autre rappel d'achèvement, que vous pouvez ensuite utiliser pour changer autour de le lien balises. Ou, comme une autre réponse a suggéré, que j'ai également approuver, est de ne pas juste essayer et modifier les balises link, mais plutôt que d'écouter (live) un lien clique sur la page, et de les intercepter à ce point dans le temps. De cette façon, vous n'avez pas besoin de s'inquiéter sur le calendrier d'achèvement de l'tweet plugin, car vous pourriez utiliser l'événement de la délégation (live) qui fonctionne à n'importe quel point dans le temps. Voir la réponse de Petah pour un excellent exemple de la façon de le faire.

    Bonne chance!

    OriginalL'auteur Funka

  3. 3

    Cela fonctionne pour moi:

    <!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>
    Si vous remplacez 'new' avec '_blank' t-il encore du travail pour vous? Une simple demande. Si elle le fait, peut-être que l'OP a d'autres questions. Si ça ne marche pas, j'aimerais savoir pourquoi.
    Maple - Pas de dés. Chargé un jsFiddle à démontrer. Publié dans la question
    bon point qui fonctionne aussi bien.
    Maple - j'ai oublié de mentionner que votre code fonctionne sur les liens existants, mais pas les liens chargé via JSON.
    c'est dans le jsFiddle. À l'aide d'un Twitter plug in.

    OriginalL'auteur Dave Maple

  4. 1

    Il ne fonctionne pas parce que le <a> ne fait pas encore partie de votre page lorsque $('a').attr("target","_blank"); est déclenché.

    juste traversé mon esprit aussi. La Solution?
    Je ne suis pas sûr.

    OriginalL'auteur Sparky

  5. 1

    Essayer:

    $('a').attr({ target: "_blank" });

    Aussi, essayez de "_new" au lieu de blanc. Si cela ne fonctionne pas, pourquoi ne pas les afficher le code html généré ou l'ensemble de votre code javascript?

    OriginalL'auteur GGCO