Javascript Can';t获取滑出菜单以正确显示
此处是指向正在进行的站点的链接-- 由于我正在处理骨架,所以现场几乎什么都没有,所以检查元素应该很容易找出问题所在 我正在从头开始做一个滑出菜单,但我对jQuery还是相当陌生的。基本上,我现在所做的是工作,但不是我想要的那样。如您所见,当您单击左上角的菜单按钮时,它会将面板左右滑动。我希望此面板在查看页面时首先隐藏,然后在单击菜单时滑出 此外,如果用户单击主页,是否有一种简单的方法关闭此面板?现在它关闭的唯一方法是再次单击菜单按钮 非常感谢您的帮助Javascript Can';t获取滑出菜单以正确显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,此处是指向正在进行的站点的链接-- 由于我正在处理骨架,所以现场几乎什么都没有,所以检查元素应该很容易找出问题所在 我正在从头开始做一个滑出菜单,但我对jQuery还是相当陌生的。基本上,我现在所做的是工作,但不是我想要的那样。如您所见,当您单击左上角的菜单按钮时,它会将面板左右滑动。我希望此面板在查看页面时首先隐藏,然后在单击菜单时滑出 此外,如果用户单击主页,是否有一种简单的方法关闭此面板?现在它关闭的唯一方法是再次单击菜单按钮 非常感谢您的帮助 提前谢谢 添加以下内容:$(“.logo”)
提前谢谢 添加以下内容:$(“.logo”).hide()到$(document).ready(函数(){}) 我想你只是把课程搞混了 将此添加到您的
#左菜单中
css:
right: 300px;
然后用这个:
jQuery(document).ready(function($) {
$('#menu-container #right-menu').click(function(){
var hidden = $('#left-menu');
if (! hidden.hasClass('visible')){
hidden.animate({"right":"0px"}, "slow").addClass('visible');
} else {
hidden.animate({"right":"300px"}, "slow").removeClass('visible');
}
});
}); // end
或者$(“#菜单容器”)。hide()我不确定我提出的问题是否正确。我不是想隐藏这个标志。我只是没有包括标志的图像,这就是为什么它是隐藏的。我正试图隐藏左菜单。但是,我确实尝试了你用左菜单而不是徽标发送的代码,它隐藏了它,但当单击右菜单并将$(“#左菜单”).show()放在滑入函数中的所有内容之上时,它不会返回。如果你仍然有问题,请发布你的脚本,以便我可以帮助你谢谢,但这似乎没有改变任何事情,也许这与我的css有关?我已经更新了我的答案。忘记添加初始位置。