时间戳

首页 > 解决方案 > jquery addClass 向 div 添加一个类但也立即删除它

javascript - jquery addClass 向 div 添加一个类但也立即删除它

问题描述

您好我正在尝试从div（隐藏类）中删除一个类并想添加一个类（显示类）。我正在使用addClass和removeClass为此，但这种行为非常有趣。

$('#table-csv').removeClass('hideDiv')

它正在删除课程，div但会立即再次添加。我是在ajaxDjango 视图的成功响应中这样做的。

我在Stackoverflow和其他网站上尝试了很多可用的解决方案，但没有运气。

css类：

.hideDiv{
    display: none;
}
.showDiv{
    display: block;
}

我的脚本：

  $.ajax(
{
    type:"POST",
    url: "/graph/upload-csv/",
    headers: {'X-CSRFToken': '{{ csrf_token }}'},
    data:{
      input: input,
      output: output,
    },
    success: function( data ) 
    {

      $('#table-csv').addClass('showDiv').removeClass('hideDiv');
    }
})

当我尝试removeClass单击简单的按钮时，它工作正常。问题只是当我在 ajax 成功响应中这样做时

我知道我会在这个问题上得到很多反对票，但我需要帮助。

标签： javascriptjquery

解决方案

您可能不需要两个单独的类一个来隐藏另一个来显示。而是创建一个类

.hide{
 display:none;
}

何时需要隐藏元素 do$(elementSelector).addClass('hide')以及何时需要显示 do$(elementSelector).removeClass('hide')

推荐阅读