javascript - 所以，我在尝试建立的这个网站上遇到了两个问题。 1. 汉堡菜单和 2. 幻灯片

Question

菜单似乎不是点击和下拉的东西，有两个元素放错了位置，似乎不会留在父 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

幻灯片在后台运行。

Answer 1

查看您的代码，您可以在 JSfiddle 等编辑器中执行一些操作。
无需发布 meta html 部分中的标记。
无需发布指向 css 和 js 文件的链接。您只需将这些链接放在外部资源部分。
把你所有的script javascript 部分中的标记。
无需调用 $(function()在 JS fiddle 中运行，因为 DOM 在 JS fiddle 中自动准备就绪。
在 stackoverflow 中发布代码时，不要忘记关闭标签。 <ul>标签没有关闭。

在js fiddle中做这些事情，也许我们可以帮助解决你的问题。
jsfiddle.net