jquery - 在 ajax 调用期间隐藏 bootstrap 4 固定导航栏

标签 jquery css ajax twitter-bootstrap-4

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

这行得通吗?

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

用正确的选择器替换 {navbarSelector} 文本。我试过了 使用“导航栏”类作为 {navbarSelector} 但它不起作用。

提前感谢任何助手。

最佳答案

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

您可以尝试以下方法:

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

如果你有更多的信息就好了。

关于jquery - 在 ajax 调用期间隐藏 bootstrap 4 固定导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47948114/

相关文章:

javascript - 刷新 owlCarousel 2 宽度

javascript - 如何定位固定元素

jquery - 在 Rails 3 中通过 .ajax 渲染静态部分

javascript - 购物车 : Using ajax calls in template - 403 Forbidden Error

jquery - 点击时旋转div

javascript - 从返回 JSON 的 URL 读取并填充 html 表单?

jquery - 使用 jQuery 修改 JSON 对象

css - Nativescript 在错误的地方寻找 Nativescript-theme-core?

html - 固定宽度 div 中的居中按钮在 ipad 中向左移动

javascript - 使用 javascript symfony 获取存储库