jquery klicken funktioniert nicht auf Hyperlink

Question

Ich habe eine einfache Verknüpfung klicken Simulation, die ich mit jQuery tun möchte. Von dem, was ich gelesen habe, sollte dies funktionieren, aber der Code unten funktioniert nicht. Nichts passiert, wenn ich dasselbe wie ein Teil eines anderen Ereignisses oder etwas anderes mache. Gedanken?

<script type="text/javascript"> 
    $(function() { 
    $("#lnk_0").click(); 
    }); 
</script> 

<a id="lnk_0" href="http://mydomain.com/mypage.html">link</a> 

Answer 1

Siehe click():

Löst das Click-Ereignis jedes verglichene Element.

Bewirkt, dass alle Funktionen, die an dieses Klickereignis gebunden haben, ausgeführt werden.

Die wichtige Sache zu beachten ist, dass es funktioniert nicht Duplikat auf den Link klicken. Es löst nur zugeordnete Ereignisse aus. Wenn Sie möchten, Position ändern:

var link = $("#link_0"); 
link.click(); 
window.location.href = link.attr("href"); 

aber auch das ist nur eine Annäherung, da es nicht für Event-Handler Ausbreitung nicht gerecht zu stoppen.

Answer 2

Der Aufruf der Methode click von jQuery ruft alle von Ihnen hinzugefügten click-Handler auf, ohne auf den Link zu klicken.

Sie müssen schreiben:

window.location = $("#lnk_0").attr('href'); 

(Dies setzt voraus, dass es keine click Event-Handler)

---

EDIT: Als Antwort auf Ihren Kommentar, können Sie die IE- nennen nur DOM click Methode, wie folgt aus:

if ($("#lnk_0")[0].click) 
    $("#lnk_0")[0].click(); 
else 
    window.location = $("#lnk_0").attr('href'); 

Answer 3

ich bin nicht sicher, es löst Ihre p recise Problem, aber hier ist ein Code-Snippet Ich benutze einen Benutzer klicken Sie zu simulieren:

var target = "..."; 

var e = jQuery.Event("click"); 

target.trigger(e); 

if (!e.isDefaultPrevented() && target.attr("href")) 
    window.location.href = target.attr('href'); 

Answer 4

den Hyper-Link-Funktionalität zu ermöglichen (Hover, Hand-Cursor, usw.), wenn sie mit jQuery überschreiben Sie können folgendes tun:

<script> 
    $(function() { 
     $("#dialog-modal").dialog({ 
      autoOpen: false, 
      height: 320, 
      modal: true 
     }); 

     $("#open-modal").click(function() { 
      $("#dialog-modal").dialog("open"); 
     });   
</script> 

<a href="javascript:return true" id="open-modal">Open Modal</a> 

<div id="dialog-modal" title="Hello World"> 
Hello 
</div>