問題タブ [jquery-delegate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
549 参照

jquery - 各要素インスタンスで委任されたイベントのバインドを解除する方法はありますか?

私がする必要があるのは、jQuery.one委任を使用して、一致した各要素の機能を取得することです。

ご覧のとおり、「Baz」または「Bat」のリンクをクリックすると、「(削除済み)」が複数回追加されます。一方、「Foo」のリンクをクリックすると、コードが1回だけ実行されますが、「Bar」のコードも無効になります(またはその逆)。

フィドル: http: //jsfiddle.net/JcmpN/

私がしたいのは、これらのいずれかをクリックすると、その要素のハンドラーが実行されますが、他の要素も1回クリックされるまでそのまま残されます。

HTML:

jQuery:

0 投票する
1 に答える
375 参照

jquery - デリゲート コード内で jQuery クリック イベントをトリガーしたオブジェクトを特定する方法

jQueryキャッシングとデリゲートを使用する非常に単純なjsFiddleがあります。ユーザーが最初のグループのチェックボックスをクリックすると、その下の行のみが強調表示され、ユーザーが2番目のグループのチェックボックスを選択すると、2番目のチェックボックスの下の行が選択されるように、ハンドラーを動的にするにはどうすればよいですか。

グループチェックボックスの下にn個のグループとn個の行を含めることができます。パフォーマンスのために、すべてをキャッシュしようとしていますが、ハンドラーで、指定されたクラスを使用してグループを識別するチェックボックスに基づいて、目的のグループ行を選択できるようにしたいと考えています。また、ユーザーがいつデータセルをクリックしたかを特定したいと考えています。

オブジェクトを識別するためにさまざまなオプションを試しました.obj.typeは、私がタイプを与えると思っていたものを返さないと思います。どんな助けでも大歓迎です。

コード:

HTML と CSS のサポート

0 投票する
3 に答える
555 参照

jquery - jQuery delegate() を使用して live() を置き換える

現在、jQuery を使用してコンテンツを作成しています。

Live()、jQuery API によると 説明:現在および将来において、現在のセレクターに一致するすべての要素のイベント ハンドラーをアタッチします。. 将来的に機能するには、このコード行が必要です。

$(".trash").delegate('.delete_gallery', 'click', function(event) {// 機能しない $(".delete_gallery").live("click", function(event) {// 機能する

デリゲートを機能させるにはどうすればよいですか? 非推奨の関数を使用したくありません。

.on()選択ではありません。うまくいけば、これも重複した質問ではありません.これに対処したものは見つかりませんでした.

ありがとう!ジェイコブ

0 投票する
2 に答える
39 参照

jquery - .on 機能を正常に動作させるのに問題があります

次のhtmlを含むhtmlページがあります。

次の js を含むページに移動しても、アラートは返されません。

この js を使用して同じページに移動すると機能します。

なぜ?.on() APIでは、最初の機能は委任された機能をコンテンツ ID にバインドし、2 つ目はそれをコンテンツ ID 内のタグにバインドすることになっていますが、最初の機能は実行されません。

on()関数を使用してクリック イベントをデリゲートする方法の何が問題になっていますか?

0 投票する
1 に答える
67 参照

jquery - live :: `delegate` または `on` の JQuery 置換

jQuery API の説明によると、ライブは最新バージョンで完全に削除されています。しかし、それは私たちのプロジェクトで広く使用されています。例えば:

最新のjqueryを使用したい場合、ライブの正しい代替品は何ですか? デリゲートまたはオン?

少し説明を期待しています。前もって感謝します

0 投票する
1 に答える
1955 参照

dynamic - jQueryで動的に追加されたコンテンツをフィルタリングするにはどうすればよいですか?

まず第一に、私の英語で申し訳ありません、私はまだ学んでいます:)。

私の問題は次のとおりです.jQueryを使用してHTMLコンテンツを動的に追加しました。具体的には次のinputsとおりです。

入力の数は、DB にあるレジスタの数によって異なります。

一方、同じコンテンツで使用した jQuery にこのコードがありますが、動的に追加されませんでした。上記のコンテンツを追加した後、このスクリプトを実行しようとしました:

同じスクリプトを動的コンテンツに適用しようとすると、機能しません。何にも一致しません。

delegate()andメソッドについて読みlive()ましたが、私が見たすべての例はハンドラーイベント用だったので、自分の状況でそれらをどのように使用できるかわかりませんでした。

この問題をどのように解決できるかは誰でも知っています。

前もって感謝します。

0 投票する
0 に答える
42 参照

jquery - JQueryデリゲートコマンドが機能していないようです

一連の入力要素を含み、ユーザーに表示されると最初は折りたたまれているフィールドセットがあります。フィールドセットに含まれるドロップダウン リストにイベント ハンドラーをアタッチしたいのですが、これを達成するのに問題があるようです。私はjQuery 1.5を使用しています。これは私が使用しているコードです:

ドロップダウンが最初は表示されないため、デリゲートを使用するとこれが達成されると思いました。ただし、ドロップダウン リストの選択を変更しても何も起こりません。ドロップダウンが表示されているときにコンソールでテストしたので、セレクターが正しいことはわかっています。私が間違っていること(または見落としている可能性があること)について何か考えはありますか?

0 投票する
2 に答える
143 参照

jquery - ホバー ハンドラーを TD 要素にアタッチし、将来適用される可能性のあるクラス セレクターでフィルター処理する方法

.foo私のテーブルには、ユーザーがデータを操作する過程でクラス が割り当てられる TD 要素がいくつかあります。テーブルには数百のセルが含まれる場合があり、.fooクラスを取得できるのはそのうちの 10 個だけです。hoverこれらの特定の TD 要素をリッスンしたいと思います。jQuery の delegate() メソッドはJavaScriptイベントをリッスンしているように見えますhoverが、jQueryイベントはそうですか? 将来クラスが割り当てられるhover要素TD.fooをリッスンするデリゲートを作成する方法は?.foo

0 投票する
1 に答える
795 参照

javascript - 変更された要素からデリゲート イベントを削除する

コンテンツが動的なモーダルがあり、このモーダルには拒否ボタンがあります。

このモーダル自体はリンクを介して動的に生成されるため、デリゲートを使用する必要があります

ユーザーが拒否ボタンをクリックしてモーダルを閉じたとします。次に、新しいモーダルをロードすると、このモーダルのコンテキストが変化し、新しい拒否ボタンが表示されます。

ユーザーがこの新しいコンテキストで拒否ボタンを再度クリックすると、何らかの方法で someFunction() が 2 回実行されました。1 回目は元のクリックから、2 回目はこの新しいクリックからです。もう一度モーダルを閉じ、新しいコンテキストをロードし、クリックを実行して出来上がり.. 3 つの someFunction() 呼び出しを取得しました!

いくつかの調査の後、これが私が見つけたものです:要素を置き換えると、イベントとデータに何が起こるか

これを防ぐ方法は?