問題タブ [stoppropagation]

これが私の問題です。私のサイトのログインフォームを切り替えるために作成されたカスタムjqueryがあります。次に、ここで見つけたコードを追加して、クリックするとそのボックスを閉じます。

このdiv内にイン/アウトを切り替えるファンシーボックスへのリンクがあるため、問題が発生します。クリックオフと一緒に使用しているのでevent.stopPropagation();、そのファンシーボックスのリンクが台無しになります。完全なコード例を以下に示します。

stopPropagationを削除すると、すべてが期待どおりに機能し（ファンシーボックスボタンが機能します）、ログインボックスの外側をクリックしてログインボックスを閉じることができなくなります。fancyboxの機能を壊さない、よりスマートな書き方を教えてくれる人はいますか？

このモーダル ウィンドウを少し変更したバージョンを使用しています: http://blog.avtex.com/2012/01/26/cross-browser-css-only-modal-box/

私が行った変更の 1 つはonclick="history.back(-1)"、モーダルの外側をクリックしてモーダルを非表示にするために、オーバーレイと垂直オフセットの div に追加することです。ただし、垂直オフセット div に onclick イベントを追加すると、damumBox div で発生したクリックがキャッチされます。

この jsFiddle を見て、何が起こっているかを確認できます: http://jsfiddle.net/dvrcthewrld/uaP3v/1/

垂直オフセット div がクリックをキャッチするのではなく、dumbBox div がその中で発生したクリックをキャッチするようにするにはどうすればよいですか?

[jQuery は使用しないでください。]

内部 div がクリック イベントを親に渡す理由と、それを停止する方法を知りたいです。

class の要素をクリックしてメニューを表示するために開閉するパネルがあります.open。最初にクリックすると、パネルが開きます。パネルが開いたら、メニュー項目をクリックすると、パネルが閉じます。

私が直面している問題は、メニュー項目をクリックした後にパネルを閉じると.open、パネルが再び開く前に 2 回押す必要があることです。

私は最初にこれを実行します：

これにより、メニュー付きのパネルが開き、メニュー項目をクリックすると次のようになります。

繁殖の問題でしょうか？追加:

それでも同じ問題が残ります。

現在、クリック時に子要素の色を変更しようとしています。親要素は別のページにリンクしています。stopPropogation が機能することを望んでいましたが、そうではありません。以下は私のjQueryコードです：

問題がある場合は、アンカー タグで祖父母を囲みます。

どこが間違っていますか？

私は、ライブ コールがドキュメントを介して泡立つことを認識しており、それが問題を抱えている理由です。

残念ながら、私は要素をバインドするサード パーティのライブラリを使用しており、クリック イベントがそれらの要素にバブリングされないケースを作成したいと考えています。

.click() を eventStopPropogation と組み合わせて使用​​しても問題なく動作しますが、コンテンツの動的な性質のために、ライブ、オン、デリゲートなどを使用する必要があります...ここに私の問題があります。「内側」のdivをクリックしたときに「外側」のクリックが発生しないようにする必要があります。「外側」のハンドラを変更できません。

よろしくお願いします。

http://jsfiddle.net/99zQM/2/

HTML:

Javascript:

ライブコールがドキュメントを介してバブルアップすることを認識しているため、問題が発生しています。

残念ながら、イベントハンドラーを要素にバインドするサードパーティのライブラリを使用しており、クリックイベントがそれらの要素にバブルされないケースを作成したいと思います。

.click（）をeventStopPropagation（）と組み合わせて使用​​することは問題なく機能しますが、コンテンツの動的な性質のため、live、on、delegateなどのいずれかを使用する必要があります...これが私の問題のいじくりです。「内側」のdivをクリックしたときに「中央」のクリックが発生しないようにする必要があります。「中間」ハンドラーを変更することはできません（アクセスさえできないと考える場合に最適です）。

よろしくお願いします!! 繰り返して申し訳ありませんが、この方法の方がきれいだと思いました。

http://jsfiddle.net/99zQM/9/

HTML：

Javascript：

一部のデータを更新および削除するためのアクション リンクを含むテーブルがコードに含まれています。そして、このテーブルは、更新または削除を行うときに変更する必要がある div 内にあります。

問題は、これらのアクションリンクをクリックすると、いくつかの ajax 伝播が発生することです。クリックイベントを jquery メソッド stopPropagation にリンクする伝播を停止しようとしました。それは機能しますが、ページが読み込まれると、部分ビューの要素のみが読み込まれます。だから私は要素に順序がなく、レイアウトを使用しません。さらに、url は actionlink の ajax オプションで指定されたものに変更されます。停止伝播を使用しないと、うまく機能し、レイアウトを使用してすべての要素が適切に読み込まれますが、伝播は存在します (ページを使用するほど遅くなるので問題です)

ページを表示:

テーブルの部分ビュー:

最後に、部分ビューの JavaScript:

順序付けされていない () HTML リストを使用していくつかの MultiSelect 要素をスタイリングしていますが、最新の関数(別の要素がクリックされたときにコンテナーを閉じる)を追加すると、別の関数の 1 つが機能しなくなりました - チェックボックスの値を表示する関数チェック済み。

完全なコードのフィドルはこちら: http://jsfiddle.net/chayacooper/ezxSF/19/

私が追加している機能

オリジナル機能

HTML

データテーブルと行のグループ化を使用して、入力がクリックされたときに行が展開されないようにしようとしています..しかし、trがクリックされたときにのみ展開します。 .stopPropagation()動作していません。

.live()テーブルがajaxで動的に作成されるので使っています。

ここに jsfiddle があります: http://jsfiddle.net/JWvZt/

event.stopImmediatePropagation()いくつかのテストの後、IE で動作しないことに気付きました (以下の使用法による)。ただし、Chrome、Firefox、Safari、および Opera で動作します。何を与える？

IE で再現するには、このフィドルを参照してください (他のブラウザーでフィドルをテストして動作を確認してください)。

フィドル Javascript:

フィドルhtml：