问题描述
这是html代码<!DOCTYPEHTML><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><scriptsrc="../scripts/jquery.js"type="text/javascript"></script><scriptsrc="../scripts/slidetoggle.js"type="text/javascript"></script><linkhref="../styles/slidetoggle.css"rel="stylesheet"type="text/css"><title>无标题文档</title></head><body><ul><liclass="main">文章管理<ul><li><ahref="#"target="rightFrame">文章分类</a></li><li><ahref="#"target="rightFrame">添加文章</a></li><li><ahref="#"target="rightFrame">修改文章</a></li><li><ahref="#"target="rightFrame">删除文章</a></li></ul></li><liclass="main">图片管理<ul><li><ahref="#"target="rightFrame">上传图片</a></li><li><ahref="#"target="rightFrame">删除图片</a></li><li><ahref="#"target="rightFrame">添加相册</a></li></ul></li></ul></body></html>
js代码$(document).ready(function(){$(".main").click(function(){varnode=$(this).children("ul");node.slideToggle();})});
body{background:#ede;}ulli{display:block;font-weight:bold;font-family:"微软雅黑";font-size:16px;line-height:25px;cursor:pointer;}.mainul{display:none;}a{font-weight:normal;text-decoration:none;}
运行之后展开后，点击下面的li链接后又会卷上去，怎样避免这种情况啊？
解决方案
解决方案二：
我给你一个劲招。你慢慢看明了就有所收获的！！！<!DOCTYPEHTML><html><head><title>title</title><styletype="text/css">body{background:#ede;}ulli{display:block;font-weight:bold;font-family:"微软雅黑";font-size:16px;line-height:25px;cursor:pointer;}.mainul{display:none;}a{font-weight:normal;text-decoration:none;}</style><!--在此引入你的jQuery文件<scriptsrc="JS/jquery-1.4.2.js"type="text/javascript"></script><scriptsrc="JS/jquery-1.4.2-vsdoc.js"type="text/javascript"></script>--><scripttype="text/javascript">$(document).ready(function(){$("#mainDiv")[0].onclick=getEventSrc;});functiongetEventSrc(ev){ev=ev||window.event;//事件vartarget=ev.target||ev.srcElement;//获得事件源的html$(target).children().slideToggle();}</script></head><body><divid="mainDiv"><ul><liclass="main">文章管理<ul><li><ahref="#"target="rightFrame">文章分类</a></li><li><ahref="#"target="rightFrame">添加文章</a></li><li><ahref="#"target="rightFrame">修改文章</a></li><li><ahref="#"target="rightFrame">删除文章</a></li></ul></li><liclass="main">图片管理<ul><li><ahref="#"target="rightFrame">上传图片</a></li><li><ahref="#"target="rightFrame">删除图片</a></li><li><ahref="#"target="rightFrame">添加相册</a></li></ul></li></ul></div></body></html>
解决方案三：
引用1楼hetengfei_的回复:
我给你一个劲招。你慢慢看明了就有所收获的！！！HTMLcode<!DOCTYPEHTML><html><head><title>title</title><styletype="text/css">body{background:#ede;}……
木有反应
解决方案四：
有反应了,没引用jquery文件
解决方案五：
slideToggle()toslideDown()
解决方案六：
该回复于2011-12-26 16:09:01被版主删除