Javascript 将菜单从隐藏更改为可见
我正在尝试从这个布局中获取滑动菜单,以便在访问网站时默认显示。事实上,我们的一些客户可能不知道如何显示菜单。我通常不使用JavaScript,但我认为这是解决问题的方法。。。 我已经想尽了一切办法,但我肯定错过了什么。任何帮助都将不胜感激Javascript 将菜单从隐藏更改为可见,javascript,menu,hidden,slide,visible,Javascript,Menu,Hidden,Slide,Visible,我正在尝试从这个布局中获取滑动菜单,以便在访问网站时默认显示。事实上,我们的一些客户可能不知道如何显示菜单。我通常不使用JavaScript,但我认为这是解决问题的方法。。。 我已经想尽了一切办法,但我肯定错过了什么。任何帮助都将不胜感激 谢谢我检查了codrops上的示例 似乎他们通过给容器一个left:240px来显示菜单属性 #container { left: 240px; } 应使菜单在页面加载时可见 或者为容器提供.slideRight类,以便插件功能保持不变,这意味着菜单仍然
谢谢我检查了codrops上的示例 似乎他们通过给容器一个
left:240px来显示菜单代码>属性
#container {
left: 240px;
}
应使菜单在页面加载时可见
或者为容器提供.slideRight
类,以便插件功能保持不变,这意味着菜单仍然可以关闭
第一种解决方案是将其固定在打开位置
任何最适合你的;) 既然Javascript不是你的专长,我就不再解释了。这里有一个最简单的解决方案:该演示页面在单击时使用
触发侧菜单,因此您可以在页面加载完成时简单地模拟单击
将此代码放在JS代码的底部,确保它在加载页面时运行,并将ID更改为触发器元素
$('#tblcontents').trigger('click');
如果您不想触碰JS代码,请添加classslideRight
并将属性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属性更改为要链接的任何页面。