[easyUI] 列表

 一. 简述: 对一个层级的ul/ol进行调用menu()函数,即可简单做成层叠列表.

二. 实例:

    <ul id="menu3">
        <li>Menu1
            <ol>
                <li>li1</li>
                <li>li2</li>
            </ol>
        </li>
        <li>Menu2</li>
        <li><a href="#">Menu3</a><!--  -->
            <ul>
                <li style="list-style-type: cjk-heavenly-stem" >Menu3-1</li>
                <li style="list-style-type: cjk-earthly-branch">Menu3-2</li>
            </ul>
        </li>
    </ul>

jquery/js代码:

<script>
        $(function() {
            //加载本地菜单
            $("#menu3").menu();
        });
</script>

1.其中多个list item需要使用<li>标签.

2.<li>内嵌多个list item时,需要外面套一个ul/ol,如果有多个,只加载最后一个.

3.列表有两种显示方式,一种直接列出,一种给出级联菜单.

其中Menu1没有外套a标签,没有层级结构.

Menu3有,则可以继续点击(光标置于其上即可)进入下一级菜单.

猜你喜欢

转载自www.cnblogs.com/zienzir/p/9220962.html