目次
ディスカッションに返信 (解決策)
ホームページ バックエンド開発 PHPチュートリアル jqueryの問題、ボタンクリックイベントについて

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(){
以上です

jquery のバージョンを変更しても問題ありません。以前使用していた jquery-1.6.2.min は jquery-1.8.3.min に変更されました。ありがとうございます。多くの質問があります。回答解決しました
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

11ベストPHP URLショートナースクリプト(無料およびプレミアム) 11ベストPHP URLショートナースクリプト(無料およびプレミアム) Mar 03, 2025 am 10:49 AM

11ベストPHP URLショートナースクリプト(無料およびプレミアム)

Instagram APIの紹介 Instagram APIの紹介 Mar 02, 2025 am 09:32 AM

Instagram APIの紹介

Laravelでフラッシュセッションデータを使用します Laravelでフラッシュセッションデータを使用します Mar 12, 2025 pm 05:08 PM

Laravelでフラッシュセッションデータを使用します

LaravelのバックエンドでReactアプリを構築する:パート2、React LaravelのバックエンドでReactアプリを構築する:パート2、React Mar 04, 2025 am 09:33 AM

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

Laravelテストでの簡略化されたHTTP応答のモッキング Laravelテストでの簡略化されたHTTP応答のモッキング Mar 12, 2025 pm 05:09 PM

Laravelテストでの簡略化されたHTTP応答のモッキング

PHPのカール:REST APIでPHPカール拡張機能を使用する方法 PHPのカール:REST APIでPHPカール拡張機能を使用する方法 Mar 14, 2025 am 11:42 AM

PHPのカール:REST APIでPHPカール拡張機能を使用する方法

Codecanyonで12の最高のPHPチャットスクリプト Codecanyonで12の最高のPHPチャットスクリプト Mar 13, 2025 pm 12:08 PM

Codecanyonで12の最高のPHPチャットスクリプト

Laravelの通知 Laravelの通知 Mar 04, 2025 am 09:22 AM

Laravelの通知

See all articles