ホームページ >ウェブフロントエンド >jsチュートリアル >絶妙なカスタム events_jquery のための JQuery のベスト プラクティス
絶妙なカスタム events_jquery のための JQuery のベスト プラクティス
- WBOYオリジナル
- 2016-05-16 18:21:361001ブラウズ
最近、たまたまビジュアル エディターの開発を担当しました。そのエディターでは、JQuery のカスタム イベントがいくつかの場所に便利に適用され、OO 原則を最大限に活用しながらコードを合理化するという良い結果が得られました。
この記事では、私が実際のアプリケーション開発プロセスで遭遇した例を使用して、「JQuery のカスタム イベントをいつ使用するか、どのように使用するか」について詳しく説明します。これが他の人にインスピレーションを与えると同時に、それができることを願っています。クラスメートのメールへの返信として使用されます。
デモ - 独創的な JQuery カスタム イベント
JQuery のベスト プラクティス - 絶妙なカスタム イベント
質問: 現在選択されているチェックボックス X のクリック イベントの処理ロジックを簡単にトリガーするにはどうすればよいですか?州？
答え: カスタム イベント処理関数を使用して、チェック ボックスのクリック イベントの処理ロジックをカプセル化します。次に、カスタム イベントをトリガーします。
次のようなアプリケーション シナリオに遭遇したことがありますか?
要件: 特定のコンテナ A について、ユーザーはその 4 つの境界線の有無と境界線の色を設定できますか? 「枠線の有無」と「色の変更」を連動させる必要があります
つまり、枠線を変更する場合は現在設定されている色を取得し、色を変更する場合は現在設定されている枠線を取得します。そして時間内にコンテナAに反映されます。
注: この例では、境界線の色は均一に設定されています。個別の設定の例を書き留めることができます~
コア コード:
right
bottom input type=" checkbox" name="bd" value="left"/>left