Triggering klicken Sie auf einen Link ändert sich nicht Speicherort Hash

Question

Ich arbeite an einer Webanwendung, die onHashChange Event-Listener in einigen Situationen verwendet und manuell auf einen Link mit href="#hash" funktioniert perfekt funktioniert. Aber wenn ich trigge, klicken Sie auf den gleichen Link mit jQuery $('a[href=#"hash"]').trigger('click') oder $('a[href=#"hash"]').click() Hash in der Adressleiste ändert sich nicht.

Ist es etwas, was ich falsch mache? oder sollte ich eine andere Methode für diesen Zweck verwenden?

HTML

<a href="#hash">Do Something</a> 

JS

// Not working 
$('a[href="#hash"]').click(); 

// Not working 
$('a[href="#hash"]').trigger('click'); 

Answer 1

Was Sie geschrieben hat, ist wahr (es ist genug jQuery Quellcode zu debuggen): der Ereignisauslöser Klick funktioniert nicht auf einem Anker.

Um zu erreichen, was Sie Sie versuchen, den Klick das DOM-Element erhalten und dann Feuer:

$('a[href="#hash"]').get(0).click() 

Dieses nur funktionieren wird.

Answer 2

Die click Methode (wenn sie von jquery verwendet) löst die click Ereignisse, die Ihnen die Verwendung von Register el.click(function.. und el.on('click', function...

Sie können einen neuen MouseEvent und versenden sie direkt an das entsprechende Element erstellen:

e = document.createEvent('MouseEvents'); 
e.initEvent("click", true, true); 
$('a[href="#hash"]')[0].dispatchEvent(e) 

Der obige Code wird

Oder benutzen Sie einfach die click Fall in Chrome, Firefox und IE arbeiten das Element (die jQuerys nicht click Funktion verwenden, aber der click Funktion des Browsers):

$('a[href="#hash"]')[0].click() 

Beachten Sie, dass dieser Code aus Sicherheitsgründen möglicherweise nicht in mehreren Browsern funktioniert.

Answer 3

Neuer Typ hier hoffentlich nicht ein Azz von sich selbst machen. Ich dachte nur, dass etwas in diesem Code, den ich auf meiner Website verwende, Ihnen vielleicht helfen könnte. Es scheint irgendwie ähnlich zu dem, was Sie beschreiben.

$(document).ready(function(){ 
    $('a[href^="#"]').on('click',function (e) { 
    e.preventDefault(); 

    var target = this.hash; 
    var $target = $(target); 

    $('html, body').stop().animate({ 
     'scrollTop': $target.offset().top 
    }, 900, 'swing', function() { 
     window.location.hash = target; 
    }); 
    }); 
    });