javascript - コードでハイパーリンクのクリック イベントをトリガーできないのはなぜですか

Question

jqueryを使用してハイパーリンクに手動クリックイベントを実装しようとしていますが、その方法がわかりません..

これが私のフィドル リンクの例です [1]: http://jsfiddle.net/akki/XyVDd/1/

<input type="text" class="example" id="opval" value="back">
<a id="sub_name" href="http://www.google.co.in">abc</a>
$(document).ready(function(){ 
  if($('#opval').val() =='back') {

     $('#sub_name').click();
     //$('#qwe').find('a').trigger('click');
}
    $('#sub_name').click(function(){
    alert(hi)
    });
});

Answer 1

ここでいくつかの小さな問題があります: 1. フィドルに jQuery がロードされていません。2. に引用符を付ける必要があり"hi"ますalert()。

ただし、主なことは、クリック ハンドラーがアタッチされる前にクリック イベントをトリガーしていることです。ハンドラー コードをクリック トリガーの前に移動するだけです。

$(document).ready(function(){ 
  $('#sub_name').click(function(){
    alert("hi");
  });
  if($('#opval').val() =='back') {
    $('#sub_name').click();
  }   
});