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这样的编辑器中做一些事情无需在html部分发布meta个标签无需发布到css和js文件的链接。您只需将这些链接放在外部资源部分。
将所有script标记放入javascript部分。
没有必要在JS小提琴中调用$(function()函数，因为DOM在JS小提琴中自动准备就绪在stackoverflow中发布代码时，不要忘记关闭标记。 <ul>标记未关闭。

用js做这些事情然后我们可以帮你解决问题 jsfiddle.net

所以，我在这个网站上遇到两个问题我正在尝试构建。 1.汉堡菜单和2.Slideshow

1 个答案: