我添加此代码，但现在sub <li>菜单列表未打开..执行但未打开菜单
我发布的这段代码是图片，Html和css代码..当我点击复选框图片但不打开子<li>时。
如果我写这个代码。
$("#menu1 li a").click(function(){$(this).next("ul").toggle(); });
但是亚<li>开得很快。有人告诉我吗？
在此图像中查看其代码外观。
<script>
$("#menu1 li a").click(function(){
$(this).next("ul").toggle("slow"); });
$("#menu2 li a").click(function(){
$(this).next("ul").toggle("slow"); });
</script>#leftcolsearch {
float: left;
width: 210px;
margin: 0 7px 10px 0;
}
#leftcolsearch .option {
float: left;
width: 196px;
border: #CCCCCC dotted 1px;
border-top: none;
padding: 1px 0 10px 10px;
}
.menu {
margin: 0;
padding: 0 0 0 2px;
}
.menu li {list-style: none; float:left; width:185px; margin:0;}
.menu li ul{ margin:0; padding:0; margin-left:8px; display:none; }
.menu li ul li{
margin:4px 0;
padding: 0;
line-height: 100%;
display: inline;
}
.menu a {
color: #999;
background: url(../images/checkbox.png) no-repeat left top;
padding: 0 0 0 15px;
text-decoration: none;
outline: none;
}
.menu li a.active,.menu li a:hover{
color: #539dbc;
background: url(../images/checkboxwc.png) no-repeat left top; display:block;
padding: 0 0 0 15px;
}<div id="leftcolsearch">
<div class="option">
<h4 style="margin-left:7">Date:</h4>
<ul class="menu" id="menu1">
<li><a href="">2013</a>
<ul>
<li><a href="">November</a></li>
<li><a href="">December</a></li>
</ul>
</li>
<li><a href="">2014</a>
<ul>
<li><a href="">January</a></li>
<li><a href="">February</a></li>
<li><a href="">March</a></li>
<li><a href="">April</a></li>
<li><a href="">May</a></li>
<li><a href="">June</a></li>
<li><a href="">July</a></li>
<li><a href="">August</a></li>
<li><a href="">September</a></li>
<li><a href="">October</a></li>
<li><a href="">November</a></li>
<li><a href="">December</a></li>
</ul>
</li>
</ul>
</div>
<div class="option">
<h4>Location</h4>
<ul class="menu" id="menu2">
<li><a href="">Africa</a>
<ul>
<li><a href="">Algeria</a></li>
<li><a href=""> Angola</a></li>
<li><a href=""> Cameroon</a></li>
<li><a href=""> Egypt</a></li>
<li><a href=""> Kenya</a></li>
<li><a href=""> Madagascar</a></li>
<li><a href=""> Morocco</a></li>
<li><a href=""> Mozambique</a></li>
<li><a href=""> Nigeria</a></li>
<li><a href=""> South Africa</a></li>
<li><a href=""> Tanzania, United Republic Of</a></li>
</ul>
</li>
<li> <a href="">Asia</a>
<ul>
<li><a href="">Bahrain</a></li>
<li><a href=""> Bangladesh</a></li>
<li><a href=""> Canada</a></li>
<li><a href=""> China</a></li>
<li><a href=""> France</a></li>
<li><a href=""> Hong Kong</a></li>
<li><a href=""> India</a></li>
<li><a href=""> Indonesia</a></li>
<li><a href=""> Iran, Islamic Republic Of</a></li>
<li><a href=""> Israel</a></li>
<li><a href=""> Japan</a></li>
<li><a href=""> Jordan</a></li>
<li><a href=""> Kazakhstan</a></li>
<li><a href=""> Korea, Republic Of</a></li>
<li><a href=""> Lebanon</a></li>
<li><a href=""> Macao</a></li>
<li><a href=""> Malaysia</a></li>
<li><a href=""> Oman</a></li>
<li><a href=""> Pakistan</a></li>
<li><a href=""> Philippines</a></li>
<li><a href=""> Qatar</a></li>
<li><a href=""> Saudi Arabia</a></li>
<li><a href=""> Singapore</a></li>
<li><a href=""> Sri Lanka</a></li>
<li><a href=""> Taiwan, Province Of China</a></li>
<li><a href=""> Thailand</a></li>
<li><a href=""> Turkey</a></li>
<li><a href=""> United Arab Emirates</a></li>
<li><a href=""> Vietnam</a></li>
</ul>
</li>
<li><a href=""> Australia</a>
<ul>
<li><a href="">Australia</a></li>
<li><a href=""> Fiji</a></li>
<li><a href=""> New Zealand</a></li>
</ul>
</li>
<li> <a href="">Europe</a>
<ul>
<li><a href="">Austria</a></li>
<li><a href=""> Belgium</a></li>
<li><a href=""> Bulgaria</a></li>
<li><a href=""> Croatia</a></li>
<li><a href=""> Czech Republic</a></li>
<li><a href=""> Denmark</a></li>
<li><a href=""> Estonia</a></li>
<li><a href=""> Finland</a></li>
<li><a href=""> France</a></li>
<li><a href=""> Germany</a></li>
<li><a href=""> Greece</a></li>
<li><a href=""> Hungary</a></li>
<li><a href=""> Ireland</a></li>
<li><a href=""> Italy</a></li>
<li><a href=""> Lithuania</a></li>
<li><a href=""> Monaco</a></li>
<li><a href=""> Netherlands</a></li>
<li><a href=""> Norway</a></li>
<li><a href=""> Poland</a></li>
<li><a href=""> Portugal</a></li>
<li><a href=""> Romania</a></li>
<li><a href=""> Russian Federation</a></li>
<li><a href=""> Serbia</a></li>
<li><a href=""> Slovakia</a></li>
<li><a href=""> Slovenia</a></li>
<li><a href=""> Spain</a></li>
<li><a href=""> Sweden</a></li>
<li><a href=""> Switzerland</a></li>
<li><a href=""> Turkey</a></li>
<li><a href=""> Ukraine</a></li>
<li><a href=""> United Kingdom</a></li>
</ul>
</li>
<li> <a href="">North America</a>
<ul>
<li><a href="">Canada
Costa Rica</a></li>
<li><a href=""> Cuba</a></li>
<li><a href=""> Mexico</a></li>
<li><a href=""> United States</a></li>
</ul>
</li>
<li> <a href="">South America</a>
<ul>
<li><a href="">Argentina</a></li>
<li><a href=""> Brazil</a></li>
<li><a href=""> Chile</a></li>
<li><a href=""> Colombia</a></li>
<li><a href=""> Mexico</a></li>
<li><a href=""> Peru</a></li>
<li><a href=""> Uruguay</a></li>
</ul>
</li>
</ul>
</div>
</div>
2 个答案:
答案 0 :(得分：4)
用户 javascript：void（0）在 href 页面正在加载javascript没有问题现在检查...
<div id="leftcolsearch">
<div class="option">
<h4 style="margin-left:7">Date:</h4>
<ul class="menu" id="menu1">
<li><a href="javascript:void(0)">2013</a>
<ul>
<li><a href="">November</a></li>
<li><a href="">December</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">2014</a>
<ul>
<li><a href="">January</a></li>
<li><a href="">February</a></li>
<li><a href="">March</a></li>
<li><a href="">April</a></li>
<li><a href="">May</a></li>
<li><a href="">June</a></li>
<li><a href="">July</a></li>
<li><a href="">August</a></li>
<li><a href="">September</a></li>
<li><a href="">October</a></li>
<li><a href="">November</a></li>
<li><a href="">December</a></li>
</ul>
</li>
</ul>
</div>
<div class="option">
<h4>Location</h4>
<ul class="menu" id="menu2">
<li><a href="javascript:void(0)">Africa</a>
<ul>
<li><a href="">Algeria</a></li>
<li><a href=""> Angola</a></li>
<li><a href=""> Cameroon</a></li>
<li><a href=""> Egypt</a></li>
<li><a href=""> Kenya</a></li>
<li><a href=""> Madagascar</a></li>
<li><a href=""> Morocco</a></li>
<li><a href=""> Mozambique</a></li>
<li><a href=""> Nigeria</a></li>
<li><a href=""> South Africa</a></li>
<li><a href=""> Tanzania, United Republic Of</a></li>
</ul>
</li>
<li> <a href="javascript:void(0)">Asia</a>
<ul>
<li><a href="">Bahrain</a></li>
<li><a href=""> Bangladesh</a></li>
<li><a href=""> Canada</a></li>
<li><a href=""> China</a></li>
<li><a href=""> France</a></li>
<li><a href=""> Hong Kong</a></li>
<li><a href=""> India</a></li>
<li><a href=""> Indonesia</a></li>
<li><a href=""> Iran, Islamic Republic Of</a></li>
<li><a href=""> Israel</a></li>
<li><a href=""> Japan</a></li>
<li><a href=""> Jordan</a></li>
<li><a href=""> Kazakhstan</a></li>
<li><a href=""> Korea, Republic Of</a></li>
<li><a href=""> Lebanon</a></li>
<li><a href=""> Macao</a></li>
<li><a href=""> Malaysia</a></li>
<li><a href=""> Oman</a></li>
<li><a href=""> Pakistan</a></li>
<li><a href=""> Philippines</a></li>
<li><a href=""> Qatar</a></li>
<li><a href=""> Saudi Arabia</a></li>
<li><a href=""> Singapore</a></li>
<li><a href=""> Sri Lanka</a></li>
<li><a href=""> Taiwan, Province Of China</a></li>
<li><a href=""> Thailand</a></li>
<li><a href=""> Turkey</a></li>
<li><a href=""> United Arab Emirates</a></li>
<li><a href=""> Vietnam</a></li>
</ul>
</li>
<li><a href="javascript:void(0)"> Australia</a>
<ul>
<li><a href="">Australia</a></li>
<li><a href=""> Fiji</a></li>
<li><a href=""> New Zealand</a></li>
</ul>
</li>
<li> <a href="">Europe</a>
<ul>
<li><a href="">Austria</a></li>
<li><a href=""> Belgium</a></li>
<li><a href=""> Bulgaria</a></li>
<li><a href=""> Croatia</a></li>
<li><a href=""> Czech Republic</a></li>
<li><a href=""> Denmark</a></li>
<li><a href=""> Estonia</a></li>
<li><a href=""> Finland</a></li>
<li><a href=""> France</a></li>
<li><a href=""> Germany</a></li>
<li><a href=""> Greece</a></li>
<li><a href=""> Hungary</a></li>
<li><a href=""> Ireland</a></li>
<li><a href=""> Italy</a></li>
<li><a href=""> Lithuania</a></li>
<li><a href=""> Monaco</a></li>
<li><a href=""> Netherlands</a></li>
<li><a href=""> Norway</a></li>
<li><a href=""> Poland</a></li>
<li><a href=""> Portugal</a></li>
<li><a href=""> Romania</a></li>
<li><a href=""> Russian Federation</a></li>
<li><a href=""> Serbia</a></li>
<li><a href=""> Slovakia</a></li>
<li><a href=""> Slovenia</a></li>
<li><a href=""> Spain</a></li>
<li><a href=""> Sweden</a></li>
<li><a href=""> Switzerland</a></li>
<li><a href=""> Turkey</a></li>
<li><a href=""> Ukraine</a></li>
<li><a href=""> United Kingdom</a></li>
</ul>
</li>
<li> <a href="javascript:void(0)">North America</a>
<ul>
<li><a href="">Canada
Costa Rica</a></li>
<li><a href=""> Cuba</a></li>
<li><a href=""> Mexico</a></li>
<li><a href=""> United States</a></li>
</ul>
</li>
<li> <a href="">South America</a>
<ul>
<li><a href="">Argentina</a></li>
<li><a href=""> Brazil</a></li>
<li><a href=""> Chile</a></li>
<li><a href=""> Colombia</a></li>
<li><a href=""> Mexico</a></li>
<li><a href=""> Peru</a></li>
<li><a href=""> Uruguay</a></li>
</ul>
</li>
</ul>
</div>
</div>
答案 1 :(得分：1)
相同的Html
locks相同的Css
<div id="leftcolsearch">
<div class="option">
<h4 style="margin-left:7">Date:</h4>
<ul class="menu" id="menu1">
<li><a href="">2013</a>
<ul>
<li><a href="">November</a></li>
<li><a href="">December</a></li>
</ul>
</li>
<li><a href="">2014</a>
<ul>
<li><a href="">January</a></li>
<li><a href="">February</a></li>
<li><a href="">March</a></li>
<li><a href="">April</a></li>
<li><a href="">May</a></li>
<li><a href="">June</a></li>
<li><a href="">July</a></li>
<li><a href="">August</a></li>
<li><a href="">September</a></li>
<li><a href="">October</a></li>
<li><a href="">November</a></li>
<li><a href="">December</a></li>
</ul>
</li>
</ul>
</div>
<div class="option">
<h4>Location</h4>
<ul class="menu" id="menu2">
<li><a href="">Africa</a>
<ul>
<li><a href="">Algeria</a></li>
<li><a href=""> Angola</a></li>
<li><a href=""> Cameroon</a></li>
<li><a href=""> Egypt</a></li>
<li><a href=""> Kenya</a></li>
<li><a href=""> Madagascar</a></li>
<li><a href=""> Morocco</a></li>
<li><a href=""> Mozambique</a></li>
<li><a href=""> Nigeria</a></li>
<li><a href=""> South Africa</a></li>
<li><a href=""> Tanzania, United Republic Of</a></li>
</ul>
</li>
<li> <a href="">Asia</a>
<ul>
<li><a href="">Bahrain</a></li>
<li><a href=""> Bangladesh</a></li>
<li><a href=""> Canada</a></li>
<li><a href=""> China</a></li>
<li><a href=""> France</a></li>
<li><a href=""> Hong Kong</a></li>
<li><a href=""> India</a></li>
<li><a href=""> Indonesia</a></li>
<li><a href=""> Iran, Islamic Republic Of</a></li>
<li><a href=""> Israel</a></li>
<li><a href=""> Japan</a></li>
<li><a href=""> Jordan</a></li>
<li><a href=""> Kazakhstan</a></li>
<li><a href=""> Korea, Republic Of</a></li>
<li><a href=""> Lebanon</a></li>
<li><a href=""> Macao</a></li>
<li><a href=""> Malaysia</a></li>
<li><a href=""> Oman</a></li>
<li><a href=""> Pakistan</a></li>
<li><a href=""> Philippines</a></li>
<li><a href=""> Qatar</a></li>
<li><a href=""> Saudi Arabia</a></li>
<li><a href=""> Singapore</a></li>
<li><a href=""> Sri Lanka</a></li>
<li><a href=""> Taiwan, Province Of China</a></li>
<li><a href=""> Thailand</a></li>
<li><a href=""> Turkey</a></li>
<li><a href=""> United Arab Emirates</a></li>
<li><a href=""> Vietnam</a></li>
</ul>
</li>
<li><a href=""> Australia</a>
<ul>
<li><a href="">Australia</a></li>
<li><a href=""> Fiji</a></li>
<li><a href=""> New Zealand</a></li>
</ul>
</li>
<li> <a href="">Europe</a>
<ul>
<li><a href="">Austria</a></li>
<li><a href=""> Belgium</a></li>
<li><a href=""> Bulgaria</a></li>
<li><a href=""> Croatia</a></li>
<li><a href=""> Czech Republic</a></li>
<li><a href=""> Denmark</a></li>
<li><a href=""> Estonia</a></li>
<li><a href=""> Finland</a></li>
<li><a href=""> France</a></li>
<li><a href=""> Germany</a></li>
<li><a href=""> Greece</a></li>
<li><a href=""> Hungary</a></li>
<li><a href=""> Ireland</a></li>
<li><a href=""> Italy</a></li>
<li><a href=""> Lithuania</a></li>
<li><a href=""> Monaco</a></li>
<li><a href=""> Netherlands</a></li>
<li><a href=""> Norway</a></li>
<li><a href=""> Poland</a></li>
<li><a href=""> Portugal</a></li>
<li><a href=""> Romania</a></li>
<li><a href=""> Russian Federation</a></li>
<li><a href=""> Serbia</a></li>
<li><a href=""> Slovakia</a></li>
<li><a href=""> Slovenia</a></li>
<li><a href=""> Spain</a></li>
<li><a href=""> Sweden</a></li>
<li><a href=""> Switzerland</a></li>
<li><a href=""> Turkey</a></li>
<li><a href=""> Ukraine</a></li>
<li><a href=""> United Kingdom</a></li>
</ul>
</li>
<li> <a href="">North America</a>
<ul>
<li><a href="">Canada
Costa Rica</a></li>
<li><a href=""> Cuba</a></li>
<li><a href=""> Mexico</a></li>
<li><a href=""> United States</a></li>
</ul>
</li>
<li> <a href="">South America</a>
<ul>
<li><a href="">Argentina</a></li>
<li><a href=""> Brazil</a></li>
<li><a href=""> Chile</a></li>
<li><a href=""> Colombia</a></li>
<li><a href=""> Mexico</a></li>
<li><a href=""> Peru</a></li>
<li><a href=""> Uruguay</a></li>
</ul>
</li>
</ul>
</div>
</div>
在Jquery中你可以使用这种方式使用preventDefault（）
#leftcolsearch {
float: left;
width: 210px;
margin: 0 7px 10px 0;
}
#leftcolsearch .option {
float: left;
width: 196px;
border: #CCCCCC dotted 1px;
border-top: none;
padding: 1px 0 10px 10px;
}
.menu {
margin: 0;
padding: 0 0 0 2px;
}
.menu li {
list-style: none;
float:left;
width:185px;
margin:0;
}
.menu li ul {
margin:0;
padding:0;
margin-left:8px;
display:none;
}
.menu li ul li {
margin:4px 0;
padding: 0;
line-height: 100%;
display: inline;
}
.menu a {
color: #999;
background: url(../images/checkbox.png) no-repeat left top;
padding: 0 0 0 15px;
text-decoration: none;
outline: none;
}
.menu li a.active, .menu li a:hover {
color: #539dbc;
background: url(../images/checkboxwc.png) no-repeat left top;
display:block;
padding: 0 0 0 15px;
}
相关问题
- Php - 尝试将li添加到当前列表但不获取LI
- jquery切换子菜单但如果子菜单页面处于活动状态则保持子菜单打开
- 在wordpress </li>中的子菜单项之间添加<li>标签
- wp_nav_menu更改＆amp;添加子菜单＆amp; li＆gt;一个班级名字？
- 当我点击父li时，如何设置下拉菜单列表打开然后使用javascript打开子li？
- 我添加此代码，但现在sub <li>菜单列表未打开..执行但未打开菜单
- 无法在li mouseover上打开子菜单
- jquery通过单击子菜单将类添加到主菜单<li> </li> <li> a（锚点）
- 为什么这个手风琴菜单中的子菜单不能保持打开状态？
- 我想在菜单下动态添加子菜单，我已经在网站中创建了菜单选项，但子菜单未添加
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？