点击Jquery下拉菜单
Jquery dropdown menu onclick
我正在尝试使用 jquery 制作一个简单的下拉菜单,但我似乎无法让任何 javascript 工作。我尝试在外部调用它。我不确定问题可能是什么,如果您看到问题,请告诉我。谢谢。
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
#container{width:978px;}
.content {
display: none;
padding-left: 5px;
left: 0px;
width: 100%;
top: 30px;
background: yellow;
}
ul{width: 100%;}
li{
float: left;
padding: 5px;
background: #e5e5e5;}
#div{
background: #9e9e9e;
height: 20px;
width: 978px;
}
br{
clear: left;
}
</style>
<script type="text/javascript">
$(function() {
$('.action').click(function() {
var name = $(this).attr("name");
var content = $('.content[name=' + name + ']');
$('.content').not(content).hide('fast');
content.slideToggle('fast');
});
});
</script>
</head>
<body>
<div id="container"><ul>
<li>
<a href="#" class="action" name="summer">summer</a>
</li>
<li>
<a href="#" class="action" name="winter">winter</a>
</li>
<li>
<a href="#" class="action" name="weather">weather</a>
</li>
</ul></div><br>
<div class="content" name="summer">
<a href="link">june</a>
<a href="link">july</a>
</div>
<div class="content" name="winter">
<a href="link">november</a>
<a href="link">december</a>
</div>
<div class="content" name="weather">
<a href="link">rain</a>
<a href="link">sun</a>
</div>
<div id="div"></div>
</body>
</html>
试试超级鱼=> http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started
样式和脚本标签应该在你的头标签内。(尽管有些人将所有脚本放在结束正文标签之前)
如果没有文档类型,可能会发生奇怪的事情。 在开始的 HTML 标记之前添加"<!doctype html>"。
不知道为什么你有一个双正斜杠:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
除非你的意思是:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
我复制了你的代码,在第 42 行有一个非法字符,在第二个"});"之后。我删除了这个,它正在工作。
相关文章:
- 更改下拉菜单上的图像javascript/jquery
- 自定义Jquery css下拉菜单问题
- 如何使Jquery编码的动态下拉菜单与PHP GET变量协调工作
- jQuery侧导航下拉菜单
- 使用JQuery通过下拉菜单筛选HTML表值
- 如何在jquery mobile中使用json文件创建动态下拉菜单
- 下拉菜单打开宽度Jquery
- 如何使用jquery将两个字段组合为下拉菜单中的选项
- Jquery下拉菜单的奇怪行为
- jQuery导航下拉菜单未显示..任何想法
- jQuery下拉菜单图像更改
- 使用下拉菜单排除jquery错误
- 下拉菜单重定向使用AJAX和JQuery或Javascript
- 一系列下拉菜单,由jQuery提供支持,隐藏和显示,但不在Chrome中
- Jquery下拉菜单和输入表单功能不太正常
- 关于jquery.off和下拉菜单
- Jquery下拉菜单位于幻灯片上方的一个显示位置
- jQuery子菜单在折叠时仍然显示下拉菜单
- 无法创建下拉菜单 - jQuery
- 下拉菜单jQuery