切換CSS Javascript函數

Question

我試圖在第一次點擊時顯示這個CSS並在下一次刪除它但是toggleClass似乎沒有工作，我的代碼也沒有在下面。 我所能得到的只是要顯示的CSS，而且它從未被刪除。 這適用於iOS上的Safari。 謝謝您的幫助！

                var menu_enabled = false;

                $('#nav a').click(function () {
                    if (menu_enabled == true) {
                        $(this).removeClass('sf-js-enabled');
                        var menu_enabled = false;
                    }
                    else {
                        var menu_enabled = true;
                        $(this).addClass('sf-js-enabled');
                    }
                });

Answer 1

你應該檢查.toggleClass() ，看起來它正是你想要的。

$('#nav a').click(function () {
    $(this).toggleClass('sf-js-enabled');
});

Answer 2

也許使用.className屬性？

var menu_enabled = false;

$('#nav a').click(function () {
 if (menu_enabled == true) {
  $(this).className = "";
  menu_enabled = false;
 }else 
 {
  menu_enabled = true;
  $(this).className = 'sf-js-enabled';
 }
});

Answer 3

我不確定您要整體完成什么工作，但是addClass和removeClass應該可以正常工作。 我會將ID或類添加到您想要附加點擊的元素上，但這只是個人喜好。

$(document).ready(function(){
    $('#element').click(function(){
        if($('#element').hasClass('sf-js-enabled')){
            $('#element').removeClass();
        }
        else{
            $('#element').addClass('sf-is-enabled');
        }
    });
});