例えば、base.html内にjQueryでadd.htmlをloadします。
base.htmlに下記コードを記述
$(document).ready(function(){
$("a").click(function(){
alert("click");
return false;
});
});
base.htmlに直接記述したaタグではアラートが出ますが、
base.htmlに読み込んだadd.html内のaタグでは適用されません。
Ajaxで読み込んだページ内にもjQueryを使用したい場合には、
どのようにすればよいのでしょうか?
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
ごめんなさい、jQuery でしたね。
jQuery( 'document' ).ready( function( ) {
jQuery( 'body' ).click( function( evt ) {
if( evt.target.tagName == 'A' ) {
alert('click');
return false;
}
evt = null;
} );
} );
# document に click つけれない?
No.2
- 回答日時:
最上位につけておけば、読み込まれた要素にも有効ですよ。
//@cc_on
document./*@if(1) attachEvent( 'on' + @else@*/ addEventListener( /*@end@*/ 'click', function( evt ) {
var target = evt./*@if(1) srcElement @else@*/ target /*@end@*/;
if( target.tagName == 'A' ) {
alert( 'click' );
evt./*@if(1) returnValue = false; @else@*/ preventDefault( ); /*@end@*/
}
}, false );
No.1
- 回答日時:
おそらくは、ロードのタイミングの問題じゃないかと思う。
ロード済みになった段階で組み込みをすれば、問題はないような気がする。ただ、どのタイミングで、ロードが完全に完了したと判断できるのかがちょっとよくわからない部分はある。例えばだが、base.html内に、
function dofunc(){
$("a").click(function(){
alert("click");
return false;
});
}
こんな形で、$("a").click組み込みのための関数を用意しておく。そして、add.htmlの末尾に、
<script type="text/javascript">
dofunc();
</script>
こんな具合にdofuncを呼び出し実行する処理を追記しておく。これで、add.htmlがロードされたときにdofuncが呼び出され、$("a").clickの組み込みがされるようになると思う。ややスマートさにかける感じはあるが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- JavaScript jQueryローディングアニメーションのコードの以下のURL内参考サイトで提示されている 3 2023/07/03 18:29
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
繰り返し処理のシンプルな書き方
-
多数のCPUを使い同期処理をした...
-
SQLのmaxで求めた値を変数に代...
-
変数にドットをいれることはか...
-
jQueryのblockUIをformのボタン...
-
JSONをperlで受け取る方法
-
アコーディオンメニューをブラ...
-
二つのbxsliderをレスポンシブ...
-
JavaScriptでtabindexの変更っ...
-
Javascriptを使ってQRコード読...
-
AjaxでJSONを受信すると、文字...
-
ページ内リンクで#などのアンカ...
-
<input>のvalue値をプルダウン...
-
Selenium Basicの件
-
JavascriptからPHPへのAjax通信...
-
スライドを最後の画像で止めたい
-
inputタグ内にあるid属性の意味?
-
JQueryの変数の扱いで弱ってい...
-
変数の内容を別functionに渡したい
-
jQueryのアコーディオン一番目...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jqueryのgetでJSPを呼び出したい
-
要素内を常に一番下を表示させたい
-
【javascript文法】 prototype...
-
jQueryで、複数条件の絞り込み機能
-
ローカルでのonreadystatechang...
-
JQueryでAjax通信をキャンセル...
-
画面移遷なしで画像アップロー...
-
jqueryでリンクを無効にしたあ...
-
jqueryについて
-
繰り返し処理のシンプルな書き方
-
jqueryで特定のIDに対して
-
jQueryでloadしたページ内でもj...
-
jQuery 並列load処理
-
ある条件の画像のみ表示を切り...
-
jqueryの関数?について
-
jqueryで読み込みが終わった画...
-
アコーディオンメニューについて
-
jqueryでテキストエリア監視に...
-
AJAXでのリロードに関して
-
ドラッグ & ドロップでのド...
おすすめ情報