2016-03-01 85 views
0

我使用此代码来显示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'); 
}); 
+0

只是取消选择每当一个项目选择了其他项目... – brso05

+0

使用了'#sx1'当你的ID是'sxx1' – Quantastical

回答

0
$('#sxx, #sxx1, #sxx2').click(function() { 
    $('.sxz').removeClass('sxz'); 
    $(this).addClass('sxz'); 
} 

只有一个元素可以是活动 - https://jsfiddle.net/4nddao1n/

+0

嗨,我不明白,请帮助我 –

+0

@Pasha而不是只发布代码,也请添加一个解释代码的作用 –

相关问题