2つの機能を切り替えようとしています。ユーザーが一時停止ボタンをクリックすると、入力フィールドが無効になり、ラベルのテキストが灰色に変わり、ボタンが別の画像に変わります。.toggle() を使用できると思っていましたが、2 つの関数をどちらも動作させることができませんpauseEmailChannel();
。トグル クリックで両方ではなく、最初の 1 つの関数のみが実行されます ( )。ここ SOで偶数/奇数クリック検出スクリプトを見つけましたが、クリックイベントでこれら2つの機能を「切り替え」ているわけではありません。私のコードは醜いコードかもしれませんが、私はまだ学んでおり、正しいか間違っているかを示したいと思っています。とにかく、誰かがこれを行う方法の解決策を教えてもらえますか? そんなに難しいとは思いませんでしたが、行き詰まっています。ありがとう。
HTML
jQuery
$(".btn_pause").click(function(){
var count = 0;
count++;
//even odd click detect
var isEven = function(num) {
return (num % 2 === 0) ? true : false;
};
// on odd clicks do this
if (isEven(count) === false) {
pauseEmailChannel();
}
// on even clicks do this
else if (isEven(count) === true) {
restoreEmailChannel();
}
});
// when user clicks pause button - gray out/disable
function pauseEmailChannel(){
$("#channel-email").css("color", "#b1b1b1");
$("#notify-via-email").attr("disabled", true);
$("#pause-email").removeClass("btn_pause").addClass("btn_disable-pause");
}
// when user clicks cancel button - restore default
function restoreEmailChannel(){
$("#channel-email").css("color", "#000000");
$("#notify-email").attr("disabled", false);
$("#pause-email").removeClass("disable-pause").addClass("btn_pause");
$("input[value='email']").removeClass("btn_disable-remove").addClass("btn_remove");
}