私は質問があります。どのようにjQueryプラグインをボタンで切り替えることができますか?例えば、すべての<div>
要素を赤にするプラグインを作ったとしましょう。どのようにボタンを設定すると、クリックすると<div>
の要素がすべて赤くなり、もう一度クリックすると効果が反転します。もう情報が必要なら私に知らせてください。ありがとう!jQueryプラグインを切り替えるには?
0
A
答えて
0
要素にCSSクラスを追加および削除を行うための一つの方法です:
CSS
.red{
background-color:red;
}
HTML
<button id="toggleButton">Click Me!</button>
JS & jQueryの
var toggle=0; //Start with the toggle state as off
function toggleRed(){
if (toggle===0){
$('div').addClass("red"); //add the class 'red' to all divs
toggle=1; //Save the toggle state as on until the next click
}else{
$('div').removeClass("red"); //remove the class 'red' from all divs
toggle=0; //Save the toggle state as off until the next click
}
}
$("#toggleButton").click(function{toggleRed()});//attach event handler to button
またはJS/JQUERYを実行する短い方法:
$("#toggleButton").click(function{
$("div").toggleClass("red");
})
+0
クラスではありません。そのdivの事はほんの一例だった。私はプラグインを切り替える方法を知る必要があります。クラスではありません。 – Njinx
関連する問題
- 1. jQuery divをスムーズに切り替える
- 2. フォームロード時にjQueryを切り替える
- 3. jQueryクラスの切り替えとクッキーの値の切り替え?
- 4. Jqueryクラスの切り替え
- 5. JQuery切り替えカーソルアイコン
- 6. jQueryはアンダーラインを切り替えます
- 7. Jqueryアコーディオンを切り替える
- 8. jQueryでクラスを切り替える
- 9. jQueryメニューのonclickを切り替える
- 10. "un" jQueryでdivを切り替える
- 11. jQueryを切り替えるPHP
- 12. jQuery、メニュー項目を切り替える
- 13. jquery個別リストアイテムを切り替える
- 14. jQueryでチェックボックスを切り替える
- 15. Bootstrap - JqueryでDivを切り替える
- 16. jQueryでSVGアイコンを切り替える
- 17. Jqueryボタンの値を切り替える
- 18. jquery入力を切り替える
- 19. Jqueryが画像を切り替える
- 20. jQuery検証プラグインで必須のフィールドクラスを切り替える方法は?
- 21. jQueryがアクティブクラスで切り替える
- 22. 他のビューの切り替えに切り替えるapp xcode
- 23. Jqueryのチェックボックスを切り替えます
- 24. JQueryでDIVを切り替えます
- 25. jqueryでアニメーションを切り替えます
- 26. jQueryを使わずにクラスを切り替えるには?
- 27. jQueryのトグルとクリックイベントの切り替えは、トグル後に奇妙なバウンスで要素を切り替える
- 28. jqueryで2つの関数を切り替えるには?
- 29. jQueryウィジェットでconsole.logを切り替えるには?
- 30. jQueryのサイドメニューは、クリック時にGyphiconを切り替える
@ 4castleこれは単なる例でした。私の実際のプラグインは何か他のことをしています。 – Njinx
よろしいですか、もっと良い例を挙げてください。 (私のコメントは '.toggleClass()'を使用することでした) – 4castle
@ 4castle OKの視差プラグインです。ボタンを押すとオンになり、もう一度押すとオフになります。 – Njinx