Question

我使用此代码显示3条消息＆＃34; backs＆＃34; ＆＃34;背面＆＃34; ＆＃34; backx＆＃34;
当我点击一个项目时，类（背景，颜色）将为此更改，并且还将显示一个弹出窗口。此外，该项目将被选中＆＃34;。实际上，当我点击第二个项目时，将选择＆＃34;选择＆＃34;形式像第一项，这意味着我们将有2个项目＆＃34;选择＆＃34;表格，但我想，当我点击第二个项目时，它将被选中，第一个项目将被取消选择。

  <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');
});

Answer 1

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

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

单击项目时取消选择其他项目

1 个答案: