-

jQuery.load()を使って外部HTMLを呼び出した時、外部HTML内のimgなどに向けた、マウスオーバーなどの動きが反映されないのですが、、、(.html()で書くと普通に動く)回避策などありますでしょうか。

みんなの回答 5 件

名無しさんの回答

完了イベントとか無いんでしたっけ。
完了後にマウスイベントの設定したらいかがでしょうか。

名無しさんの回答

$.load()のコールバックでマウスオーバー処理を呼び出してあげればいけそうな気がします。

名無しさんの回答

$(’セレクタ’).live(’イベント’, function() { 処理 }); みたいにliveメソッドでイベントにハンドラ登録すると、将来的に読み込まれるものについてもマッチするものは適応した気がします。

名無し

liveメソッドは非推奨だからonメソッドを使ったほうがいいですね。

名無し

jquery長らくいじってなかったので...
いまはonメソッドというのがあるんですね!ありがとうございます!

名無しさんの回答

こんな感じかな。

//読み込みHTML 
<button id="hoge">test</button> 
 
//読み出し側HTML 
<body> 
<article> 
<!--ここに挿入--> 
</article> 
</body> 
 
//JS 
$('article').on("mouseenter","#hoge",function(){ 
//何かイベント 
});
名無しさんの回答

みなさんありがとうございます!!

最終更新日:2012-11-14 (3,402 views)

関連するトピックス

ページ上部に戻る