0
位置固定要素の幅を確認しようとしています。メニューアイコンコンテナをクリックすると、引き出しの幅が0%から18%に増加するはずです。ドロワの幅が18%の場合のみ、文書の本文をクリックするとドロワが閉じます。ドロワーの幅をコンソールに記録しようとすると、引き出しが展開された後に結果がログに記録されていても、私は0pxになります。誰かが私が行方不明を知っていますか?ゴーン述べた符号化等のJavascript Drawer Slider
$("#menu-icon-container").click(function(){
$("#drawer-menu-wrapper").animate({width:'18%'},'fast');
$("#drawer-home-text").text("Home");
$("#drawer-products-text").text("Products");
$("#body-wrapper").css("opacity","0.5");
console.log($("#drawer-menu-wrapper").css("width"));
});
$("#close-icon-container").click(function(){
$("#drawer-menu-wrapper").animate({width:'0%'},'fast');
$("#drawer-home-text").text("");
$("#drawer-products-text").text("");
$("#body-wrapper").css("opacity","1");
});
$("#body-wrapper").click(function(){
if ($("#drawer-menu-wrapper").css("width")!="0px"){
$("#drawer-menu-wrapper").animate({width:'0%'},'fast');
$("#drawer-home-text").text("");
$("#drawer-products-text").text("");
$("#body-wrapper").css("opacity","1");
}
});
は、なぜあなたは*後*引き出しが展開され、あなたがそれをログに記録されていると思いますか?このコードは、アニメーションが開始されるとすぐに値をダンプすることを示します(終了時ではありません)。 Animateは非同期で動作します。 –