Jquery 为什么';hide()函数是否可以与引导微调器一起使用?

Jquery 为什么';hide()函数是否可以与引导微调器一起使用?,jquery,css,ajax,spinner,Jquery,Css,Ajax,Spinner,我正在做一个简单的微调器反馈,而我的服务器回答一个ajax查询。在进行ajax调用之前,我调用JQuery.show()函数,并在请求的.always()回调中调用.hide()函数 但我的旋转器从不隐藏!我不明白为什么。。。有人在使用带有引导微调器的JQuery的.hide()函数时遇到过这个问题吗 有关.getJSON()的更多信息,有关.hide()和.show()的更多信息 这是我的html微调器,它来自 加载。。。 这是我的javascript: $('#spinner-map-r

我正在做一个简单的微调器反馈,而我的服务器回答一个ajax查询。在进行ajax调用之前,我调用JQuery
.show()
函数,并在请求的
.always()
回调中调用
.hide()
函数

但我的旋转器从不隐藏!我不明白为什么。。。有人在使用带有引导微调器的JQuery的
.hide()
函数时遇到过这个问题吗

有关
.getJSON()
的更多信息,有关
.hide()
.show()
的更多信息

这是我的html微调器,它来自


加载。。。
这是我的javascript:

$('#spinner-map-right-click').show()
$.getJSON({ url: "myurl" })
    .done(function(data) {
        // does stuff here and it works
    })
    .fail(function(data) {
        // display error message if there is an error
    })
    .always(function(data) {
        console.log("Hiding")
        // the console log displays but my spinner is always ther :(
        $('#spinner-map-right-click').hide()
    });
请求有效,我正确获取数据,并且正确显示
“隐藏”
,因此正确调用
始终()
回调,当我从Firefix检查代码时,我看到
已正确修改:


加载。。。

这是因为
d-flex
类。你可以试试

$('#spinner-map-right-click').addClass('d-none') // removeClass('d-none')

d-flex
通过引导使用异常覆盖
inline
style

这是因为
d-flex
类。你可以试试

$('#spinner-map-right-click').addClass('d-none') // removeClass('d-none')

d-flex
通过使用异常的引导来覆盖
inline
style

以下是我的解决方案。这只发生在类
d-flex
因为此类包含属性
display:flex!重要的。因为存在
!重要
异常,
显示:无不起作用(注意:使用.hide()时,它将
显示:无;
分配给元素)。这就是为什么我删除了类
d-flex
,并在没有
的情况下给出了元素following样式!重要信息
异常。现在它开始工作了

#spinner-map-right-click {
  display: flex;
}

这是我的解决方案。这只发生在类
d-flex
因为此类包含属性
display:flex!重要的。因为存在
!重要
异常,
显示:无不起作用(注意:使用.hide()时,它将
显示:无;
分配给元素)。这就是为什么我删除了类
d-flex
,并在没有
的情况下给出了元素following样式!重要信息
异常。现在它开始工作了

#spinner-map-right-click {
  display: flex;
}

您的解决方案非常有效,谢谢!但是我不明白代码笔的链接。@PercevalDev我为我的错误感到非常抱歉。实际上我给你发了一个错误的链接。我刚修好。现在您可以检查它了。您的解决方案非常有效,谢谢!但是我不明白代码笔的链接。@PercevalDev我为我的错误感到非常抱歉。实际上我给你发了一个错误的链接。我刚修好。现在你可以检查了。