Ändern einer Verknüpfung href nach dem Klicken mit jQuery

Question

Ich versuche, eine Verknüpfung zu erstellen, die beim Klicken auf das href-Attribut wechselt und dann an diesen Speicherort geht.

Mein html ist:

<a href="http://google.com" rel="group" data-wpurl="http://yahoo.com"></a> 

Wenn Sie darauf klicken, würde ich den Browser auf die Daten-wpurl Ort gehen mögen, nicht href Lage. Der Grund, warum ich ein Datenattribut verwende, ist wegen der Anwendung, die ich verwende, erfordert die Verwendung der href ... nicht relevant hier.

Meine jQuery ist:

$('a[rel="group"]').on('click', function(e) { 
     e.preventDefault(); 
     var wpurl = $(this).attr("data-wpurl"); 
     $(this).attr('href', wpurl); 
}); 

I e.preventDefault bin mit(); um zu verhindern, dass der Browser den Benutzer zur href führt. Nachdem das Datenattribut dem href zugewiesen wurde, wie kann ich dann einen Klick auslösen? Die Verwendung von trigger('click') und click(); funktioniert nicht!

Irgendwelche Ideen?

Answer 1

Es wäre einfacher, nur sofort die Position zu ändern:

e.preventDefault(); 
location.href = $(this).data('wpurl'); 

Answer 2

Verwenden onmousedown. Google verwendet diese Methode auf der Suchergebnisseite, um zu verfolgen, auf was Sie geklickt haben. Wenn Sie sehen möchten, wo der Link angezeigt wird, klicken Sie mit der rechten Maustaste statt mit der linken Maustaste. Beide lösen das Onmousedown-Ereignis aus.

http://jsfiddle.net/afLE3/

<a href="http://google.com" data-wpurl="http://yahoo.com" onmousedown="rwt(this)">CLICK HERE</a> 

<script type="text/javascript"> 
    rwt = function(e){ 
    e.href = $(e).data('wpurl'); 
    } 
</script> 

Answer 3

Ich denke, Ihre ursprüngliche jQuery ist in Ordnung, mit Ausnahme der e.preventDefault(): Dies ist der Fall, Brennen zu stoppen, egal, was Sie nach diesem Punkt auf das Attribut href tun.

$('a[rel="group"]').on('click', function(e) { 
     var wpurl = $(this).attr("data-wpurl"); 
     $(this).attr('href', wpurl); 
}); 

Der gesamte obige Code wird ausgeführt, bevor die Seite aktualisiert wird.

Answer 4

ähnliche Lösung, aber ohne die Notwendigkeit von e.preventDefault()

$('a[rel="group"]').on('click', function(e) { 
    e.originalEvent.currentTarget.href = $(this).data('wpurl'); 
}); 

aus meiner Sicht aufrufen, ist dies eine allgemeinere, sauberere Lösung, da dies nicht das Verhalten Standard-Browser ändern (zB: wenn die Benutzer klickt mit dem Mausrad auf den Link, mit Jacks Lösung wird kein neuer Tab geöffnet)