![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
例えば、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ランキング
-
バッチファイル 特定ウインドウ...
-
PDFを(htmlのように)無限に縦...
-
スライドを最後の画像で止めたい
-
入力フォームの値をQRコードで...
-
RPA(PowerAutomate)の実装について
-
jQueryを使いformでsubmitした...
-
ダブルクリックと2回クリックの...
-
Googleマップで何か見つけたも...
-
VBA コンボボックスの値をスピ...
-
JQuery、セレクトボックスをル...
-
GASでスプレッドシートの一番上...
-
二つのbxsliderをレスポンシブ...
-
以下のURL入れますか?皆さんは↓
-
画像のドットの部分が抜けてい...
-
Chinapost こよパズルどう動か...
-
非同期通信で掲示板を作る際の...
-
非同期通信を使うタイミングが...
-
PYTHONのtkinterについて
-
Pythonのtkinterについて
-
Pythonを勉強する道のり
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jqueryのgetでJSPを呼び出したい
-
要素内を常に一番下を表示させたい
-
【javascript文法】 prototype...
-
ローカルでのonreadystatechang...
-
jQueryで、複数条件の絞り込み機能
-
JQueryでAjax通信をキャンセル...
-
画面移遷なしで画像アップロー...
-
jqueryでリンクを無効にしたあ...
-
jqueryについて
-
繰り返し処理のシンプルな書き方
-
ある条件の画像のみ表示を切り...
-
jQuery 並列load処理
-
アコーディオンメニューについて
-
jqueryの関数?について
-
jqueryで読み込みが終わった画...
-
jQueryでloadしたページ内でもj...
-
jqueryで特定のIDに対して
-
AJAXでのリロードに関して
-
jqueryでテキストエリア監視に...
-
ドラッグ & ドロップでのド...
おすすめ情報