ホームページ バックエンド開発 PHPチュートリアル javascript - jsのajaxリクエストデータ後のクリックイベント失敗の問題

javascript - jsのajaxリクエストデータ後のクリックイベント失敗の問題

Jul 06, 2016 pm 01:52 PM
ajax javascript php

クリックして展開する効果のあるデータリストがあります。このデータリストはajax加载,就是ajax加载之后的click时间不起作用了,希望各位大神帮忙看看。
这是html

のデータ構造とページレイアウトを使用しているため、 リーリー

js中的展开click事件和ajaxリクエストは以下の通りです

リーリー

php中的div設定とデータ設定

リーリー

のスタイルをすべて追加しました!しかし、それはうまくいきません。 phpdiv

返信内容:

クリックして展開する効果のあるデータリストがあります。このデータリストは

ajax加载,就是ajax加载之后的click时间不起作用了,希望各位大神帮忙看看。
这是htmlのデータ構造とページレイアウトを使用しているため、 リーリー

リクエストは以下の通りですjs中的展开click事件和ajax リーリー

設定とデータ設定php中的div リーリー

のスタイルをすべて追加しました!しかし、それはうまくいきません。

phpdiv

お誘いありがとうございます。以前にも同様の問題に遭遇したことがありますが、読み込んだデータによって元の効果が無効になってしまいました。私の対処法はこうです

リーリー

オンラインで検索したところ、この ajax() はほぼ同じように動作し、対応するトリガー イベントを将来の要素にバインドできることがわかりましたが、この 2 つはまだ違いがあります。両方試してみることもできますので、お役に立てれば幸いです

live()其实和bind()jquery1.9以降にはライブメソッドはありません

jQuery 1.9 より前のバージョンでは、次のように記述できます:

リーリー

live は jQuery 1.9 以降削除されたため、次のように記述する必要があります:

リーリー

あなたのすべての

であるかどうか、大まかに調べてみました リーリー

以上です。イベント委任により、子要素のイベントが親要素にバインドされ、子要素がクリックされると、イベントが親要素にバブルアップされ、親要素がイベントをキャッチしてトリガーします。 list-data-detail都是通过Ajax动态加载出来的,那么你开始直接写的click事件是无法起作用的,以为你的事件绑定的时候这个DOM并不存在。
这时候,你需要使用事件委托,在jQuery

動的にロードされた要素をクリックするには、次の操作を実行できます

リーリー
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

CakePHP プロジェクトの構成 CakePHP プロジェクトの構成 Sep 10, 2024 pm 05:25 PM

この章では、CakePHP の環境変数、一般設定、データベース設定、電子メール設定について理解します。

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Dec 24, 2024 pm 04:42 PM

PHP 8.4 では、いくつかの新機能、セキュリティの改善、パフォーマンスの改善が行われ、かなりの量の機能の非推奨と削除が行われています。 このガイドでは、Ubuntu、Debian、またはその派生版に PHP 8.4 をインストールする方法、または PHP 8.4 にアップグレードする方法について説明します。

CakePHP の日付と時刻 CakePHP の日付と時刻 Sep 10, 2024 pm 05:27 PM

Cakephp4 で日付と時刻を操作するには、利用可能な FrozenTime クラスを利用します。

CakePHP ファイルのアップロード CakePHP ファイルのアップロード Sep 10, 2024 pm 05:27 PM

ファイルのアップロードを行うには、フォーム ヘルパーを使用します。ここではファイルアップロードの例を示します。

CakePHP ルーティング CakePHP ルーティング Sep 10, 2024 pm 05:25 PM

この章では、ルーティングに関連する次のトピックを学習します。

CakePHP について話し合う CakePHP について話し合う Sep 10, 2024 pm 05:28 PM

CakePHP は、PHP 用のオープンソース フレームワークです。これは、アプリケーションの開発、展開、保守をより簡単にすることを目的としています。 CakePHP は、強力かつ理解しやすい MVC のようなアーキテクチャに基づいています。モデル、ビュー、コントローラー

PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法 PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法 Dec 20, 2024 am 11:31 AM

Visual Studio Code (VS Code とも呼ばれる) は、すべての主要なオペレーティング システムで利用できる無料のソース コード エディター (統合開発環境 (IDE)) です。 多くのプログラミング言語の拡張機能の大規模なコレクションを備えた VS Code は、

CakePHP バリデータの作成 CakePHP バリデータの作成 Sep 10, 2024 pm 05:26 PM

Validator は、コントローラーに次の 2 行を追加することで作成できます。

See all articles