Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将菜单从隐藏更改为可见_Javascript_Menu_Hidden_Slide_Visible - Fatal编程技术网

Javascript 将菜单从隐藏更改为可见

Javascript 将菜单从隐藏更改为可见,javascript,menu,hidden,slide,visible,Javascript,Menu,Hidden,Slide,Visible,我正在尝试从这个布局中获取滑动菜单,以便在访问网站时默认显示。事实上,我们的一些客户可能不知道如何显示菜单。我通常不使用JavaScript,但我认为这是解决问题的方法。。。 我已经想尽了一切办法,但我肯定错过了什么。任何帮助都将不胜感激 谢谢我检查了codrops上的示例 似乎他们通过给容器一个left:240px来显示菜单属性 #container { left: 240px; } 应使菜单在页面加载时可见 或者为容器提供.slideRight类,以便插件功能保持不变,这意味着菜单仍然

我正在尝试从这个布局中获取滑动菜单,以便在访问网站时默认显示。事实上,我们的一些客户可能不知道如何显示菜单。我通常不使用JavaScript,但我认为这是解决问题的方法。。。 我已经想尽了一切办法,但我肯定错过了什么。任何帮助都将不胜感激


谢谢

我检查了codrops上的示例

似乎他们通过给容器一个
left:240px来显示菜单属性

#container {
  left: 240px;
}
应使菜单在页面加载时可见

或者为容器提供
.slideRight
类,以便插件功能保持不变,这意味着菜单仍然可以关闭

第一种解决方案是将其固定在打开位置


任何最适合你的;)

既然Javascript不是你的专长,我就不再解释了。这里有一个最简单的解决方案:该演示页面在单击时使用
触发侧菜单,因此您可以在页面加载完成时简单地模拟单击

将此代码放在JS代码的底部,确保它在加载页面时运行,并将ID更改为触发器元素

$('#tblcontents').trigger('click');

如果您不想触碰JS代码,请添加class
slideRight
并将属性
data open=“true”
添加到侧菜单容器中,这也会起作用。

您到底想解决什么问题?想要默认显示菜单吗?滑动菜单在哪里?谢谢你的回答。我试着添加JS代码(到html中),它似乎可以正常工作,只是你不能再关闭菜单了,而且没有菜单链接可以正常工作。。。我不确定我是否写错了JS,或者现在是否需要添加其他内容。这是进程中的站点:您好,我无法让它与您的建议一起工作,但我这样做了,幻灯片功能现在正在按我希望的方式工作:
.container{position:relative;**left:240px;**-webkit transition:left 0.3s ease-in-out;-o-transition:left 0.3s ease-in-out;transition:left 0.3s ease-in-out;}.slideRight{**left:0px;**}
唯一的问题是链接现在无法工作!有人知道那里可能有什么问题吗?同样,这是正在进行的过程,谢谢!我在你的网站上看到链接指向
#标签。这是旧的本机浏览器功能,可将页面滚动到具有该id的元素。如果希望链接转到实际页面,只需将页面源中的href属性更改为要链接的任何页面。