Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript addClass和removeClass工作不正常_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript addClass和removeClass工作不正常

Javascript addClass和removeClass工作不正常,javascript,jquery,html,css,Javascript,Jquery,Html,Css,对不起如果这是一个非常简单的问题,但由于某种原因,我无法让它工作 我试图做的是将activeButton类添加到单击的每个列表项中,并将activeButton类删除到单击列表项之前具有activeButton类的列表项中 这是我的问题的代码片段 $(文档).ready(函数(){ $('.button')。单击(函数(){ $('.activeButton').removeClass('.activeButton'); $(this.addClass('.activeButton'); })

对不起如果这是一个非常简单的问题,但由于某种原因,我无法让它工作

我试图做的是将activeButton类添加到单击的每个列表项中,并将activeButton类删除到单击列表项之前具有activeButton类的列表项中

这是我的问题的代码片段

$(文档).ready(函数(){
$('.button')。单击(函数(){
$('.activeButton').removeClass('.activeButton');
$(this.addClass('.activeButton');
});
});
。按钮{
/*这是为了装饰和视觉目的。
因此,您现在可以忽略CSS*/
显示:内联块;
利润率:10px;
}
.活动按钮{
边框底部:1px纯黑;/*我使用边框底部为文本提供下划线。这允许下划线转换或设置动画*/
}

    链接1 链接2 链接3 链接4
传递到
addClass()
removeClass()
的字符串中不需要类选择器

更新如下:

$(function () {
    $('.postalProvider').click(function () {
        $('.activeButton').removeClass('activeButton');
        $(this).addClass('activeButton');
    });
});

传递给
addClass()
removeClass()的字符串中不需要类选择器

更新如下:

$(function () {
    $('.postalProvider').click(function () {
        $('.activeButton').removeClass('activeButton');
        $(this).addClass('activeButton');
    });
});
更新:

$(document).ready(function () {
    var $buttons = $('.buttons');

    $buttons.click(function () {
        $buttons.removeClass('.activeButton');
        $(this).addClass('.activeButton');
    });
});
我想这就是你想要的。

更新:

$(document).ready(function () {
    var $buttons = $('.buttons');

    $buttons.click(function () {
        $buttons.removeClass('.activeButton');
        $(this).addClass('.activeButton');
    });
});
我想这就是你想要的。

像这样你是说

$(文档).ready(函数(){
$('.button')。单击(函数(){
$('.buttons').removeClass('activeButton');//你的意思是这样的吗

$(文档).ready(函数(){
$('.button')。单击(函数(){

$('.buttons').removeClass('activeButton');//尝试使用
.toggleClass()
“不工作”不是问题描述。请解释代码的作用,而不是预期的结果。您不需要将
放在addClass和removeClass^中,这将使其成为“一个简单的印刷错误…”。您当然意识到在发布的代码中没有
。postalProvider
元素尝试使用
。toggleClass()
“不工作”不是一个问题描述。请解释您的代码的作用,而不是预期的结果。您不需要将
放在addClass和removeClass^中,这将使它成为问题“一个简单的印刷错误。。。"。您当然意识到发布的代码中没有
.postalProvider
元素。谢谢您的更正@BenM。我将相应地编辑我的代码段。但是您的解决方案似乎在我的IDE中不起作用。但是让我在代码段中测试它,看看它是否在那里起作用。@HTMLNoob什么是
.postalProvider
?我看不到您在问题中发布的标记中的该元素。感谢您的更正@BenM。我将相应地编辑我的代码段。但是您的解决方案在我的IDE中似乎不起作用。但是,让我在代码段中测试它,看看它是否在其中起作用。@HTMLNoob什么是
。postalProvider
?我在您发布的标记中没有看到该元素在问题中。谢谢,这似乎是最有效的解决方案。很高兴它帮助了@HTMLNoob谢谢,这似乎是最有效的解决方案。很高兴它帮助了@HTMLNoob