hrefリンクが機能しないのはなぜですか？

Question

2つのtabPanelsを持つtabContainerを持っています。ページ・ロードを伴わずにJQueryを使用するtabPanel間の遷移。私は2番目のtabpanelから起動した場合は第二のtabpanelでは、私はその

<asp:CheckBoxList ID="ExstrasCheckBoxList" runat="server">
<asp:ListItem><a href="#dialog" name="modal">Additional driver</a></asp:ListItem> <asp:ListItem><a href="#dialog2" name="modal">Baby chair</a></asp:ListItem> <asp:ListItem><a href="#dialog3" name="modal">GPS</a></asp:ListItem>
</asp:CheckBoxList>

のようなものを持っている私は、フォームが最初にそれが動作しないタブパネル起動した場合に正常に動作しますが、。どうして？ページを読み込まずに使用できますか？

Answer 1

あなたのJavaScriptがなければ、私はここに暗闇の中でショットを取っているが、私はあなたがこれに似た何かを持っていると仮定しています：

$('a[name=modal]').bind('click', function() { /*...some handler logic...*/ }); 

を

それは確かにケースの場合、 $.bind方法が唯一のイベントをアタッチDOM内に現在存在する要素のリスナーAJAXを使用してDOMを更新しているため、新しいリンクにはイベントリスナーが関連付けられていません。

それはちょうどが現在および将来のすべてのマッチした要素にイベントリスナーを添付します$.liveで$.bindを置き換える、実際には本当に簡単な修正です。

$('a[name=modal]').live('click', function() { /*...some handler logic...*/ });