Jquery $(document).ready缺少对象 求解
Html代码:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/...
Html代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>SCRIPT_下拉菜单</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<link rel="stylesheet" type="text/css" href="1.css" />
</head>
<body>
<ul>
<li class="Ttpes">
新闻管理
</li>
<ul class="SmallType">
<li>
<a href="#">新闻发布</a>
</li>
<li>
<a href="#">删除新闻</a>
</li>
</ul>
</ul>
<ul>
<li class="Ttpes">
产品管理
</li>
<ul class="SmallType">
<li>
<a href="#">产品发布</a>
</li>
<li>
<a href="#">删除产品</a>
</li>
</ul>
</ul>
<ul>
<li class="Ttpes">
帐号管理
</li>
<ul class="SmallType">
<li>
<a href="#">添加帐号</a>
</li>
<li>
<a href="#">删除帐号</a>
</li>
</ul>
</ul>
</body>
</html>
CSS代码:
a{
text-decoration:none;
color:#000000;
}
ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.Ttpes{
width:107px;
height:25px;
line-height:28px;
background:url(1.gif) no-repeat;
cursor:pointer;
font-size:12px;
text-align:center;
}
/*.SmallType{
display:none;
}*/
.SmallType li{
width:107px;
height:25px;
line-height:28px;
background:#EEEEEE;
font-size:12px;
text-align:center;
}
Jquery代码:
$(document).ready(function(){
alert("1");
//$(".Ttpes").click(function(){
//var Types = $(this).next("li");
//Types.slideToggle();
//})
});
谢谢各位 已经解决 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>SCRIPT_下拉菜单</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<link rel="stylesheet" type="text/css" href="1.css" />
</head>
<body>
<ul>
<li class="Ttpes">
新闻管理
</li>
<ul class="SmallType">
<li>
<a href="#">新闻发布</a>
</li>
<li>
<a href="#">删除新闻</a>
</li>
</ul>
</ul>
<ul>
<li class="Ttpes">
产品管理
</li>
<ul class="SmallType">
<li>
<a href="#">产品发布</a>
</li>
<li>
<a href="#">删除产品</a>
</li>
</ul>
</ul>
<ul>
<li class="Ttpes">
帐号管理
</li>
<ul class="SmallType">
<li>
<a href="#">添加帐号</a>
</li>
<li>
<a href="#">删除帐号</a>
</li>
</ul>
</ul>
</body>
</html>
CSS代码:
a{
text-decoration:none;
color:#000000;
}
ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.Ttpes{
width:107px;
height:25px;
line-height:28px;
background:url(1.gif) no-repeat;
cursor:pointer;
font-size:12px;
text-align:center;
}
/*.SmallType{
display:none;
}*/
.SmallType li{
width:107px;
height:25px;
line-height:28px;
background:#EEEEEE;
font-size:12px;
text-align:center;
}
Jquery代码:
$(document).ready(function(){
alert("1");
//$(".Ttpes").click(function(){
//var Types = $(this).next("li");
//Types.slideToggle();
//})
});
谢谢各位 已经解决 展开
3个回答
展开全部
首先你要写对jquery 引入路径,还有要先引入jquery 在做其他抄作。
你给出的代码没有错。
如下写法是可以的:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>SCRIPT_下拉菜单</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript"t>
$(document).ready(function(){
alert(1);
});
</script>
<link rel="stylesheet" type="text/css" href="1.css" />
</head>
我本军团,主人为本
你给出的代码没有错。
如下写法是可以的:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>SCRIPT_下拉菜单</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript"t>
$(document).ready(function(){
alert(1);
});
</script>
<link rel="stylesheet" type="text/css" href="1.css" />
</head>
我本军团,主人为本
展开全部
应该写
$(window).ready 或 $(document.body).ready
$(document).ready在FF下是可以的,在IE下就不行。
$(window).ready 或 $(document.body).ready
$(document).ready在FF下是可以的,在IE下就不行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
jQuery(function($) {
alert("1");
});
这样写试试,这是ready简写。
看是不是$冲突了,用jQuery
alert("1");
});
这样写试试,这是ready简写。
看是不是$冲突了,用jQuery
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询