我使用此代码来显示3消息“backs”“back”“backx”
当我点击一个项目,类(背景,颜色)将改变为将显示一个弹出窗口。此外,该项目将被“选中”。 实际上,当我点击第二个项目,这将是“选择”形式像第一个项目,这意味着我们将有2个项目“选择”形式,但我想,当我点击第二个项目时,它将被选中第一项将被取消选择。取消选择其他项目时,单击一个项目
<div id="toggler"><div id="sxx" ><span id="pnotify-no-title">backx</span></div>
<div id="toggler"><div id="sxx1" ><span id="pnotify-no-title">backs</span></div>
<div id="toggler"><div id="sxx2" ><span id="pnotify-no-title">back</span></div>
$(function(){
$('#sxx1').click(function() {
if($(this).hasClass('sxz')) {
$(this).removeClass('sxz');
} else {
$(this).addClass('sxz');
}
$('#sx1').toggle();
});
});//]]>
$(function(){
$('#sxx').click(function() {
if($(this).hasClass('sxz')) {
$(this).removeClass('sxz');
} else {
$(this).addClass('sxz');
}
$('#sx').toggle();
});
});//]]>
$(function(){
$('#sxx2').click(function() {
if($(this).hasClass('sxz')) {
$(this).removeClass('sxz');
} else {
$(this).addClass('sxz');
}
$('#sx2').toggle();
});
});//]]>
$('#pnotify-no-title').on('click', function() {
var $this = $(this);
new PNotify({
text: $this.hasClass('odd-click') ? 'two' : 'one',
addclass: $this.hasClass('odd-click') ? 'bg-warning' : 'bg-primary'
});
$this.toggleClass('odd-click');
});
$('#pnotify-no-title1').on('click', function() {
var $this = $(this);
new PNotify({
text: $this.hasClass('odd-click') ? 'two' : 'one',
addclass: $this.hasClass('odd-click') ? 'bg-warning' : 'bg-primary'
});
$this.toggleClass('odd-click');
});
$('#pnotify-no-title2').on('click', function() {
var $this = $(this);
new PNotify({
text: $this.hasClass('odd-click') ? 'two' : 'one',
addclass: $this.hasClass('odd-click') ? 'bg-warning' : 'bg-primary'
});
$this.toggleClass('odd-click');
});
只是取消选择每当一个项目选择了其他项目... – brso05
使用了'#sx1'当你的ID是'sxx1' – Quantastical