jqueryの問題、ボタンクリックイベントについて
Jun 23, 2016 pm 01:42 PM 2 つのページ A と B があります
ページ A には複数の「編集」ボタンがあり、各ボタンには style class="editbtn" があり、ajax をクリックしてページ B に移動します。次のコード
$(".editbtn").click(function(){ var url="b.php"; var params = $('form').serialize(); $.ajax({ url: url, type: 'post', dataType:'json', data: params, success: function (data){ $("#div1").html(data.html); $("#div2").html(data.script); } }); });
ログイン後にコピー
Page B
$data=array( 'html'=>$html, 'script'=>$script);echo json_encode($data);
ログイン後にコピー
Page B class="editbtn" を含む N 個の「編集」ボタンも返されます。これらの返されたボタンをクリックしても $(".editbtn").click を完了できません。その理由は何ですか?
ページ B に 'script'=>$script があるのは、$(".editbtn").click イベントを完了できないためです。上記の jquery をページ B に追加し、$(" #div2" に移動しました)。 ).htmlなので実行はできるのですが、何度もクリックすると同じコードが何度も繰り返されてしまうような気がしますが、これで良いでしょうか?それは悪いことではないでしょうか?
ディスカッションに返信 (解決策)
$(".editbtn").click(function(){
を $(document).on('click', ".editbtn", function() に変更します{
以上です
$(".editbtn").click(function(){
を $(document).on('click', ".editbtn", function(){
以上です
答えてくれてありがとう
以前は $(document).ready の中に入れていました。あなたが言ったことによると、それが内側にあるか外側にあるかは関係ありません。
TypeError: $(...).on はそうではありません。関数
バインディング イベントは
$('.clickme').live('click', function() {
alert("ライブ ハンドラーが呼び出されます。");
}); に変更されます。要素へのイベント ハンドラーの付加は、要素が後で追加された場合でも有効です
$(".editbtn").click(function(){
を $(document).on('click', ".editbtn ", function(){
以上です
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック
Gmailメールのログイン入り口はどこですか?
7292
9


Java チュートリアル
1622
14


CakePHP チュートリアル
1342
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1206
29



LaravelのバックエンドでReactアプリを構築する:パート2、React
