Java脚本更改AddClass后单击

Question

与此代码读取“pnotify-no-title”，并单击显示后检查文本与bg-primary类;现在我点击显示检测文本后需要BG-主要与BG-primary2类旁边单击显示CHECK2文本后和再次与BG-初级班

$('#pnotify-no-title').on('click', function() { 
    new PNotify({ 
     text: 'Check', 
     addclass: 'bg-primary' 

    }); 
}); 

Answer 1

我相信你需要记录备用点击。一个简单的方法是添加一个类的对象来记录点击它是

$('#pnotify-no-title').on('click', function() { 
    var $this = $(this); 
    new PNotify({ 
     text: $this.hasClass('odd-click') ? 'Check2' : 'Check', 
     addclass: $this.hasClass('odd-click') ? 'bg-primary2' : 'bg-primary' 

    }); 

    $this.toggleClass('odd-click'); 
}); 

Answer 2

试试这一次单击显示检查的文字：

$('#pnotify-no-title').click(function() { 
    var clicks = $(this).data('clicks'); 
    if (clicks) { 
    new PNotify({ 
     text: 'Check', 
     addclass: 'bg-primary' 

    }); 
    } else { 
    new PNotify({ 
     text: 'Check', 
     addclass: 'bg-primary2' 

    }); 
    } 
    $(this).data("clicks", !clicks); 
}); 

Main Topic

JSFiddle

Answer 3

使用jQuery toggleClass功能.. http://www.w3schools.com/jquery/html_toggleclass.asp