jQuery - 模倣クリック

Question

ユーザーが含まれている<TD>をクリックしても問題が発生した場合、アンカーのクリックを模倣したいと思います。

これは、JSの一部です：

$('contactTab').click(function() { 
    $('contactTabLink').trigger("click"); 
}); 

そして、これはHTMLの一部です：誰かが<TD> contactTabをクリックすると

<td class="previewTabs" id="contactTab"> 
<a class="previewTabLink" id="contactTabLink" rel="#contactOverlay">CONTACT</a> 
</td> 

が、それは<A> contactTabLinkその後、起動上のクリックイベントをトリガする必要がありますオーバーレイ。私の問題は、クリックリスナーを使用したJS関数がまったく起動していないことです。

どこに間違っているのか誰でも見ることができますか？

EDIT 1：

私は＃の年代を持つようにセレクタを変更しましたが、それはまだ機能を起動しません。

Answer 1

セレクタが正しくありません。それは、このする必要があります

：

$('#contactTab').click(function() { 

    $('#contactTabLink').trigger('click'); 

}); 

Answer 2

セレクタが間違っています。
IDセレクタには#が必要です。

Answer 3

あなたのセレクタが間違っている - あなたは前に「＃」を持っている必要がありますので、あなたはIDを使用しています。

$('#contactTab').click(function() { 
    $('#contactTabLink').trigger("click"); 
}); 

Answer 4

セレクタにハッシュ（＃）を追加した後、その関数は$に包まれていることを確認してください（ドキュメント）.ready（関数（）{} yourFunction）...私が思う

$(document).ready(function() { 
    $('#contactTab').click(function() { 
     $("#contactTabLink").trigger("click"); 
    }); 
}); 

Answer 5

あなたのhtmlが書式設定されている方法でここに注意するべきことは、がの親であるために$('#contactTab').clickが発生するため、無限ループの再帰が発生します。いくつかのブラウザはコンソールにエラーを表示するか、単に応答しません。

<td class="previewTabs" id="contactTab"> 
    <a href="javascript:;" class="previewTabLink">CONTACT</a> 
</td> 
<a class="previewTabLink" id="contactTabLink" rel="#contactOverlay"></a>