当前位置:编程学习 > C#/ASP.NET >>

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
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,