JQueryはAJAXコールで可視になったオブジェクトを見ることができません

Question

この時点で私はAJAXとJavascript/JQueryで最大ではありません。私は問題が何であるかを知っているが、それを修正する方法がわからない状況があります。私は正常に動作していたJQueryオートコンプリートを持っています。これは、リンクボタンがクリックされたときにページ上に表示されるだけのプレースホルダーにあります。十分に簡単です。私はAsp.Net AJAX UpdatePanelにプレースホルダを隠したり表示したりすると、ページがかなりうまく機能することがわかりました。十分に単純です...

今、私がJQueryオートプレイを呼び出すと、動作しません。私は理由を知っている...それは、ページがロードされ、リンクボタンのAJAXクリックがその要素をリフレッシュし、ページ全体をポストしなかったときに、オートコンプリートがあるテキストボックスが見えないためである。だから、私がpageSourceに行くとき、私はtextBoxがそこにさえないことを見ます。それで、オートコンプリートは、今、要素のIDを見つけることができないので、機能しません。

AJAXパネルに表示されている表示されているテキストボックスを表示するには、このJQueryコードに追加できるものはありますか？誰もが提供できる助けを前もって感謝します。

<script type="text/javascript"> 
$(document).ready(function() { 
$("#<%=txtCityStateZip.ClientID%>").autocomplete('SearchHandlerGRP_BY.ashx'); 
});  
</script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#<%=txtCityStateZip.ClientID%>").show('ErrorHandler.ashx'); 
});  
</script> 

Answer 1

、AJAX呼び出しの結果を表示するJavaScriptエラーで拾うか、それはjQueryのによって操作された後にHTMLの状態を表示するためには、私はFirefoxとFirebugのアドオンのために使用することを好みますブラウザ。これを行うには、単にFFが更新されていることを確認してから、アドオンとFirebugの検索に行きます。 の火災のアドオンがいくつかありますが、単純に「Firebug」が必要です。 Firefoxのバージョン8.0で現在使用しているバージョンは1.8.3です。

これをインストールしたら、F12キーを押してFirebugウィンドウを切り替えることができます。私のFirebugウィンドウはブラウザの下部にドッキングされており、ブラウザウィンドウ内でサイズ調整が可能です。

何が起こっているかを詳しく説明する2つの重要な機能は、Firebugペインのメインツール/メニューバーから利用できます。あなたは、（スクリプトで操作された後でも）ページ上の要素のhtmlを見ることができる '要素検査'機能に興味があります。 Firebugバーの左から2番目のボタン（青い矢印の上に青色の矢印が表示されています）をクリックし、ページ上にマウスを置くだけです。現在ホバリングされている要素に関連するhtmlは火かき棒ウィンドウに表示されます。要素をクリックすると、htmlのそのセクションにロックされます。別のものを検査する場合は、もう一度検査ツールボタンをクリックしてください。

上記のコメントで参照できるもう1つのツールは、コンソールウィンドウです。これは、検査ツールボタンの右側にある[コンソール]タブをクリックすると表示されます。アクティブなタブになったら、オプションの矢印をクリックしてコンソールが有効になっていることを確認します。