リンクをクリックしても位置のハッシュは変更されません

Question

状況によってはonHashChangeイベントリスナーを使用し、手動でhref="#hash"のリンクをクリックしているWebアプリケーションで作業しています。 しかし、jQueryの$('a[href=#"hash"]').trigger('click')または$('a[href=#"hash"]').click()のアドレスバーのハッシュを使用して同じリンクをクリックすると、変更されません。

私が間違っていることはありますか？または私はこの目的のために別の方法を使用しますか？

HTML

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

JS

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

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

Answer 1

あなたが書いたことは本当です（jQueryソースコードをデバッグするのに十分です）：トリガークリックイベントはアンカーでは機能しません。あなたはDOM要素を取得してからクリックを発射することができますしようとしているものを達成するために

：

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

これはのみ動作します。

Answer 2

（jqueryで使用される）click方法はel.click(function..とel.on('click', function...

を使用して、あなたが登録 clickイベントをトリガ0

あなたが新しいMouseEventを作成し、関連する要素に直接派遣することができます。

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

上記のコードは、クロム、FirefoxとIE

それとものclickイベントを使用して動作します要素（jqueryのclick関数は使用しませんが、ブラウザのclick関数は使用しません）：

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

セキュリティ上の理由により、このコードはいくつかのブラウザでは動作しない可能性があることに注意してください。

Answer 3

ここで、新しい男は自分自身のアズを作っていません。私はちょうど私が私のサイトで使用しているこのコードの何かがあなたを助けるかもしれないと思った。それはちょっとあなたが描いているものに似ているようです。

$(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; 
    }); 
    }); 
    });