在 ajax 调用期间隐藏 bootstrap 4 固定导航栏答案

【问题标题】：hide the boostrap 4 fixed navbar during ajax call在 ajax 调用期间隐藏 bootstrap 4 固定导航栏
【发布时间】：2017-12-23 06:49:00
【问题描述】：

只是想知道在从数据库加载数据的 ajax 调用期间如何隐藏 boostrap 4 固定顶部导航栏。然后在 ajax 调用之后，导航栏将再次显示。

这行得通吗？

$('{navbarSelector}').hide();
 $.ajax(
     url: "fetchData.php",
     success: function(result){
         $('{navbarSelector}').show();
}});

用正确的选择器替换 {navbarSelector} 文本。我试过了使用 'navbar' 类作为 {navbarSelector} 但它不起作用。

提前感谢任何助手。

【问题讨论】：

如果你创建jsfiddle版本会非常好。
会不会有重要的显示css属性？

标签： jquery css ajax twitter-bootstrap-4

【解决方案1】：

您确定导航栏提供 hide() 和 show() 功能吗？

您可以尝试以下方法：

$('{navbarSelector}').css("display","none");
$.ajax(
   url: "fetchData.php",
   success: function(result){
     $('{navbarSelector}').css("display","block");
}});

如果你有更多的信息会很好。

【讨论】：