問題タブ [jquery-on]

私が構築しているサイトのフロント ページで、いくつか<div>の が CSS:hover疑似クラスを使用して、マウスがその上にあるときに境界線を追加します。の 1 つには、jQuery を使用して、その中の入力にフォーカスがある場合に境界線を保持する が<div>含まれています。これは、IE6 が s以外の要素を<form>サポートしていないことを除けば、完全に機能します。そのため、このブラウザでは、メソッドを使用してCSS を模倣するために jQuery を使用しています。唯一の問題は、jQuery がフォームとフォームの両方を処理するようになったため、入力にフォーカスがあるときにユーザーがマウスを出し入れすると、境界線が消えてしまうことです。:hover<a>:hover$(#element).hover()focus() hover()

私は、何らかの条件を使用してこの動作を停止できると考えていました。たとえば、入力のいずれかにフォーカスがあるかどうかをマウスアウトでテストした場合、境界線が消えるのを止めることができます。私の知る限り、:focusjQueryにはセレクターがないため、これを実現する方法がわかりません。何か案は？

このパターンがかなり使われているのを見てきましたが、IE9 では気に入らないようです。これが私の機能の大まかなアイデアです：

これは重複している可能性があることは認識していますが、私が見た提案は機能していません: (例: this.readyState // 未初期化を返します)

誰かが私を正しい方向に向けることができれば、それは素晴らしいことです.

events-mapを使用して.on（）メソッドを作成しようとしています。これを変更したい：$("ul").on("click", "li", function() {...});次のようなものに：

イベントマップのどこにセレクター「li」を配置しますか？

jQuery .live() のバージョン 1.7 は .on() を支持して廃止されたため、簡単な質問です。ただし、.on() は、JavaScript を介してレンダリングされ、DOM にロードされる要素では機能しないようです。私の質問は、 .live() を引き続き使用する必要があるか、または .on() がこれらの新しく生成された要素をどのようにキャプチャするかです。

例として、これが私のコードです：

そして、.on() を介してこの要素を操作しようとすると、結果は何もありませんが、.live() はこの要素を取得できます。

jquery-ui-dialog を使用したページがあります。ダイアログが開くたびに、ajax を使用してページのコンテンツが読み込まれます。次に、jquery「on()」を使用してイベントをバインドします。ダイアログが閉じると、その内容が空になります。

問題は、$.empty() の前に ".ajax-content" のイベントをアンバインドする必要があるかどうかです。

編集: 懸念事項 1. JS のパフォーマンスが低下する可能性はありますか? このように何百ものノードを空にする場合。

懸念2.要素を削除すると、メモリからイベントも削除されますか（またはjqueryの実行/評価チェーン）？

私は今のところ彼らに何もしていません。ページを更新せずにダイアログを何度も開いたり閉じたりすると、問題が発生しますか?

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

jQuery1.7.2を使用するアプリケーションを継承しました。

アプリケーション全体で、次のようなコードがあります。

今、私は上記の問題を理解しています。しかし、時々私たちのコードで私はこのようなものに出くわします：

アプリケーション全体を通して、私はclick.productsまたはを見つけますclick.orders。それに続くものは完全に.ランダムなテキストである可能性があるようです。

clickとの違いは何click.productsですか？

これが私が取り組んでいるサイトです：http：//cirkut.net/sub/northwood/popunder/

基本的に私がやろうとしているのは、ドロップダウンにカーソルを合わせた後、側面にある4つのリンクをクリックすると、選択した内容に基づいてコンテンツが変更されます。私のフィルタリングは初期ロードで機能しますが、クリックした後、たとえばLocations、中央と右のコンテンツ列に何も伝播しません。

これまでのキーアップのコードは次のとおりです。

アイテムを切り替えるために<div>、メニューアイテムをクリックするとすべてが変わる4つの検索列（左側のコンテンツ）を保持する非表示があります。メニュー項目がクリックされたときのコードは次のとおりです。

サイドメニュー項目をクリックしなくても、on keyup機能は完全に機能します。

関数が正しく起動しなくなったため、私の問題はleftクリックの範囲内にあるはずです。keyup

何か案は？

次のjqueryコードがありますが、onイベントを使用してバインディングを実装しようとすると正しく機能しません。`

イベントが「フラッシュ」したり、前後に繰り返し循環したりするため、このコードは正しくないと思います。だから私のホバークラスはただ点滅します。

これは以前に機能したコードですが、バインディングを改善するためにこれをonイベントに切り替えたいと思います。

前もって感謝します。

次のHTMLがある場合：

そしてmain.js：

ページ全体を読み込む場合、ボタンをクリックすると、コンソールメッセージが1つだけ登録されます。ただし、その後AJAXリクエストを介してコンテンツを再ロードmain_content'sすると、ボタンをクリックするたびに2つのコンソールメッセージが表示されます。後続のAJAXロードごとに3,4,5...メッセージが表示されますが、ページ全体をリロードする場合は常に1つです。

誰かがこの振る舞いを説明し、可能な解決策を提案するかもしれませんか？

onBlur および onFocus ハンドラーを SSN 入力フィールドにアタッチしようとしています。ただし、オブジェクトにメソッド「ON」がないというエラーが表示されます。コードはhttp://jsfiddle.net/H4Q5f/にあります

ご覧のとおり、詳細を把握するためにコメントアウトしましたが、これまでのところうまくいきませんでした。どんな助けでも大歓迎です。便宜上、コードは次のとおりです。

HTML:

そして、ここにJavaスクリプトがあります