ajaxコール中にboostrap 4 fixed navbarを非表示にする

Question

ajaxコール中にデータベースからデータをロードする際に、どのようにboostrap 4 fixed-top navbarを隠すのか不思議です。その後、ajax呼び出しの後、navbarが再度表示されます。

これは機能しますか？

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

{navbarSelector}テキストを正しいセレクタに置き換えます。私は {navbarSelector}として 'navbar'クラスを使ってみましたが、うまくいきませんでした。

ありがとうございました。

Answer 1

navbarがhide（）およびshow（）機能を提供していますか？

次の操作を試みることができる：

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

あなたには、いくつかのより多くの情報を持っていた場合、それはいいだろう。