gpt4 book ai didi

Javascript 抽屉 slider

转载 作者:行者123 更新时间:2023-11-28 04:29:02 30 4
gpt4 key购买 nike

试图检查位置固定元素的宽度。单击菜单图标容器后,抽屉的宽度应从 0% 增加到 18%。如果单击文档正文,抽屉应关闭,但前提是抽屉的宽度为 18%。当我尝试将抽屉的宽度记录到控制台时,我得到了 0px,即使结果是在抽屉展开后记录的。有人知道我错过了什么吗?

$("#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");
}
});

最佳答案

如 Gone Coding 所述:

$("#menu-icon-container").click(function(){
$("#drawer-menu-wrapper").animate({width:'18%'},'fast',function(){
console.log($("#drawer-menu-wrapper").css("width"));
});
});

关于Javascript 抽屉 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41824848/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com