jquery的执行效率问题
做了一个折叠菜单的样式,但在执行有感觉有一点点卡屏.请教高手该如何优化代码如下:
<ul id="navi">
<li>
<a href="#" class="menu_title">日志</a>
<ul class="menu_list">
<li><a href="../post/post_list.aspx" target="main">编辑</a></li>
<li><a href="../post/post_edit.aspx" target="main">添加</a></li>
<li><a href="../post/post_tags.aspx" target="main">标签</a></li>
<li><a href="../post/post_categories.aspx" target="main">分类</a></li>
</ul>
</li>
<li>
<a href="#" class="menu_title">媒体</a>
<ul class="menu_list">
<li><a href="#">媒体库</a></li>
<li><a href="#">添加</a></li>
</ul>
</li>
<li>
<a href="#" class="menu_title">链接</a>
<ul class="menu_list">
<li><a href="../link/link_list.aspx" target="main">编辑</a></li>
<li><a href="../link/link_edit.aspx" target="main">添加</a></li>
<li><a href="../link/link_categories.aspx" target="main">分类</a></li>
</ul>
</li>
</ul>
jq代码:
<script type="text/javascript">
$(document).ready(
function () {
$(".menu_list").hide(); //隐藏所有菜单内容
$(".menu_title").click(
function () {
$(".menu_list").slideUp("fast");
$(".menu_title").removeClass("menu_title_click");
var list = $(this).next();
list.children("li").removeClass("menu_list_click");
list.slideDown("fast");
if (list.is(":visible")) {
$(this).addClass("menu_title_click");
}
}
)
$(".menu_list>li").click(
function () {
$(this).siblings("li").removeClass("menu_list_click");
$(this).addClass("menu_list_click");
}
)
}
)
</script>
----------
问题就出在$(".menu_title").click上.在点击时有一点卡屏.不顺畅,请问该如何优化代码?
--------------------编程问答-------------------- 你用的一定是IE的浏览器吧?
--------------------编程问答-------------------- 对。在ie下有这种卡屏。在FF和chrome下没有。请问如何解决 --------------------编程问答-------------------- jquery 的效率还是挺好的吧 --------------------编程问答-------------------- 不会吧,是不是你的CSS设置的有问题。 --------------------编程问答-------------------- 我也遇到这种情况···,个人觉得可能和浏览器的性能有关吧····也许少用遍历???会好些··· --------------------编程问答--------------------
补充:.NET技术 , ASP.NET