菜单似乎不是点击和下拉的东西,有两个元素放错了位置,似乎不会留在父 ul 下。我试过用 ul 和 li 定位它,但是点没有移动,而且它似乎根本没有下拉/折叠。 第二个问题是背景幻灯片,图片只是快速闪过,而不是停留一秒钟,或者只显示一张图片。这是 CSS 和 HTML。
https://jsfiddle.net/pte8nkx9/
<div id="myslidemenu" class="jqueryslidemenu"> <br style="clear: right" /> </div>
</nav> <nav class="t3-navbar-collapse navbar-collapse collapse in">
<ul class="nav navbar-nav level0"> </ul> </li>
<li class="dropdown">
<a href="/index.php/features" data-toggle="dropdown" data-target="#">
<img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-plain/422/06_menu_stack-128.png" alt="Home" style="width:20px;height:20px;top:100px;">
<b class="caret"></b></a>
<ul class="level1 dropdown-menu">
<li>
<a href="/index.php/features/scheduling-routing">Womens </a>
</li>
<li display:display:block; float: left;>
<a href="/index.php/features/billing-invoicing">Kids</a>
</li>
<li>
<a href="/index.php/features/mobile-workforce">Mens</a>
</li>
</ul></li>
</nav>
如图所示,我尝试只制作一个常规的垂直菜单栏,并用汉堡菜单图标替换顶部,认为它会下拉/折叠。我基本上希望它看起来像
Icon Shopping Cart
Item 1
Sub Item 1-1
Sub Item 1-2
Item 2
Item 3
Item 4
幻灯片在后台运行。
最佳答案
查看您的代码,您可以在 JSfiddle 等编辑器中执行一些操作。
无需发布 meta
html 部分中的标记。
无需发布指向 css 和 js 文件的链接。您只需将这些链接放在外部资源部分。
把你所有的script
javascript 部分中的标记。
无需调用 $(function()
在 JS fiddle 中运行,因为 DOM 在 JS fiddle 中自动准备就绪。
在 stackoverflow 中发布代码时,不要忘记关闭标签。 <ul>
标签没有关闭。
在js fiddle中做这些事情,也许我们可以帮助解决你的问题。
jsfiddle.net
关于javascript - 所以,我在尝试建立的这个网站上遇到了两个问题。 1. 汉堡菜单和 2. 幻灯片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31214205/