- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：jqueryのloadで読み込んだページ内でthickboxで画像を表示する方法）
jqueryのloadで読み込んだページ内でthickboxで画像を表示する方法
このQ&Aのポイント
- jqueryのloadを使用してページ内で画像を表示する方法について教えてください。index.htmlでthickboxを使用して画像をクリックすると画像がアップ表示されるようにしたいのですが、loadで読み込んだtest.htmlの画像部分が正しく動作しません。
- index.htmlでloadを使用してtest.htmlを読み込んだ際に、thickboxで画像をクリックしても正しく動作しない問題が発生しています。解決方法を教えてください。
- jqueryのloadを使用してページ内で画像を表示する方法について教えてください。thickboxを使用して画像をクリックすると画像がアップ表示される希望通りの動作をindex.htmlで実現したいのですが、loadで読み込んだtest.htmlの画像部分がtarget="_self"の動作になってしまいます。
- Ara37
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数4
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
thickboxなどの画像表示系のライブラリはwindow.onloadの時点でドキュメントに書かれている内容を操作するので、 Ajaxで書き換えたら、その書き換えが終了した時点で、 あらためてthickboxのイニシャライズを行えばいいのではないでしょうか。 thickboxの再イニシャライズの方法はソースコードを読むか、thickboxのドキュメントを読んでください。
お礼
ご回答ありがとうございます。解決できました。 IDを割り振り、init処理をすることで希望通りの 動作をするようになりました。 また何かありましたら、よろしくお願いします。 修正後 -----test.html----- (1)<a href="test.gif" id="test_id" title="" class="thickbox"><img alt="" src="test.gif" /></a> <script type="text/javascript"> <!-- $(document).ready(function(){ tb_init('#test_id'); imgLoader = new Image();// preload image imgLoader.src = tb_pathToImage; }); //--> </script>