問題タブ [jquery-on]

live()生成されたページとフレームに使用しました。しかし、jQuery 1.9この機能は非推奨であり、機能しません。

on()代わりに使用しますがlive()、この方法は一度だけ機能し、フレームでは機能しません。

私のコードは次のようになります。

解決策は何ですか？

ページに動的に入力を追加しているので、.onイベントをそれらに添付するために使用する必要があります。

changeにイベントを添付しようとしてtype="file" inputいますが、機能していません。

私は2つの方法を試しました。1つ目は次のとおりです。

ここで、入力のクラスはfile-input-hidden。です。

そして2番目：

ただし、ファイルが。で選択/変更された場合は、どちらも関数を起動しませんinput。

何が問題なのですか？

編集：

こちらのページをご覧ください：LINK

およびjs：

HTML：

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

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

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

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

HTML：

jQuery：

onプラグインの外部から -event ハンドラーを使用する方法を提供したいと考えています。問題は、トリガーを間違った順序で指定するとトリガーが起動しないことです。

たとえば、これは機能します：

...しかし、これはそうではありません:

2番目のアプローチがどのように機能するかについてのアイデアはありますか?

アップデート

ここで動作します: http://www.benplum.com/projects/rubberband/

jqueryのonメソッドでiframe をバインドします。

ページ内のiframeでjqueryモバイルライブラリを使用しています。

メソッドで iframe をバインドする方法は?

ここでは、 onメソッドを使用して、タップ関数を iframe コンテンツにバインドしようとしました。

クリック メソッド が機能します$(frame).contents().click(function(e) { alert('sucess'); })。しかし、モバイル デバイスの場合、クリックメソッドは機能しません...

この関数のソースは見たことがありませんが、次のように機能するのでしょうか。

1. セレクターで要素を選択します
2. 提供されたイベントハンドラーをそれらに委任します
3. そのセレクターでを実行しsetInterval、常に委任を解除してから、同じイベント全体を再委任します

または、これに対する純粋なJavaScript DOMの説明がありますか？

リストに追加される動的データがあり、そのデータ内のリンクが機能していないようです。

私はjquery1.8.3を使用しており、メソッドon()を説明する必要があると思いますlive

ここで完全な例を参照してください

この問題に関するアイデアはありますか？

私はこのhtmlを持っています

そしてこのjs

次に、特定のイベント（つまり、ボタンをクリック）の後で、上記のような新しいフォームを（ajax経由で）ロードするとします。または、コードのその部分を完全に更新したため、フォームが新しくなり、検証が失われました。

ajax呼び出しの成功コールバックでvalidate（）を再度呼び出さずに、検証をアタッチ/再アタッチしようとしています。

「古い」jqueryライブメソッドに少し似ています。

.onなんらかの方法で使用できますか？メソッド「on」が「イベント」を新しい要素にバインドできる場合、検証全体を適用できないのはなぜですか？

jQuery コード: Sortable 設定をすべて削除しました。それらが適切であると思われる場合は、それらを元に戻すことができます.

HTML コード: 実際のコードには多くの PHP やその他の処理が含まれているため、これは単純化されたバージョンです。

ご覧のとおり、Sortable に添付された要素を含むフォーム全体が、フォームの送信時に AJAX を介して (それ自体の同一のコピーで) 置き換えられます。これは、Sortable が機能しなくなったときです。

Sortable が初期化されたとき、新しいフォームは DOM の一部ではなかったため、置き換えられたフォームと同一であるにもかかわらず、添付されていないことを理解しています。.on()また、ページが最初にロードされたときに存在する要素とその後に追加された要素との間で を使用して委任する方法も理解しています。私が理解していないのは、この概念を Sortable の初期化に適用する方法です。

汚いハックで動作するようになりましたが、正しい方法を理解したいです。

ダーティハック：

そのため、Sortable はページが読み込まれると初期化され、AJAX が Sortable がアタッチされている要素の置換が完了すると再初期化されます。これは正しいかもしれませんが、間違っているように感じます。

開示：私は実際にはSortableの代わりにnestedSortableプラグインを使用していますが、プラグインの作成者は、プラグインを通じて「jQuery Sortableのすべてのオプション、イベント、およびメソッドが利用可能」であると主張しています。また、テストのために標準のソート可能なウィジェットに切り替えましたが、同じ問題が発生したため、プラグインではないと思います。

プラグイン URL: https://github.com/mjsarfatti/nestedSortable/tree/2.0alpha

自分の中でどの要素がターゲットにされているのかわからない.on

どの要素がターゲットにされているかを表示する方法はありますか?