Q&A
###前提・実現したいこと
前ページで共通となる、header要素をjqueryで読み込んだ後、
読み込んだ中のある要素を取得したいと思っています。
しかし、
読み込みが完了する前に要素を取得するjqueryがはしるため、
取得することができません。
”読み込みが完了したら”というイベントを拾ってjqueryを走らせることは可能でしょうか？
###試したこと
下記のコードを書いて、
navi_menueの3つ目のli要素のtextを出力しようとしましたが、
alertになにも表示されませんでした。
ちなみにボタンクリックイベントで同様にalertを出力するコードを書いた場合は
指定した要素のtextが正常に出力されることは確認しています。
≪読み込み側のHTML≫
※headは省略していますが、jqueryが動作することは確認できています。
≪読み込まれるHTML （share_header.html）≫
<nav id="global_navi"> <ul id="navi_menue"> <li>トップ</li> <li>商品</li> <li>サイトについて</li> <li>お問合せ</li> </ul> </nav>≪Jquery≫
$(function(){
//ヘッダーの読み込み
$('#header').load('../share_header.html');
//要素を取得してalert出力
alert($('#navi_menue li').eq(3).text());
});
回答1件
0
ベストアンサー
こんにちは。
http://api.jquery.com/load/
APIの説明 Callback Function の項を読むと
load()の引数にリクエスト完了時に実行するfunctionを渡せるようですので
そこで処理してみてはいかがでしょうか？
こちらのサイトが参考になるかもしれません。
http://www.webdesignleaves.com/wp/jquery/489/
投稿2016/05/28 05:16
編集2016/05/28 05:17
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。