communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 超轻量级的基于jquery的三级展开列表_jquery

超轻量级的基于jquery的三级展开列表_jquery

WBOY
Libérer： 2016-05-16 18:07:27
original
1225 Les gens l'ont consulté

这几天在公司的通用管理后台，使用的左右框架结构，点击左侧，右侧展开内容，项目中经常遇到左侧二级或者三级的情况，以前都是使用dtree,但是发现dtree ，样式及结构上不好控制 ，
如果是动态的数据，还要写到cs文件里面 输入字符，这样不利于维护，时间久了自己都找不清了。、
于是今天自己写了个轻量级的三级展开菜单，如果需要可以在增加一级别，一般公司的项目三级都足够了。

简介：
div部分无需自己定义class 及ID,只要是如下的结构就可以了，数据可以是动态 也可以是静态的
样式自己可以控制，修改符合自己的风格
超轻量级的基于jquery的三级展开列表_jquery
代码如下：
css

复制代码 代码如下:



js：
复制代码 代码如下:



div：
复制代码 代码如下:

文件打包下载
Étiquettes associées：
列表
source：php.cn
Article précédent：基于jquery的二级联动菜单实现代码_jquery Article suivant：javascript中的继承实例代码_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Sélectionnez les produits liés au woocommerce à l'aide d'une taxonomie personnalisée avec une hiérarchie à 3 niveaux J'ai une boutique woocommerce avec une classification personnalisée « Sports ». La classif...
Depuis 2024-04-06 20:05:30
0
1
544
Méthode de niveau supérieur pour remplacer une chaîne par du code HTML (généré à partir d'un tableau) Étant donné une chaîne comme celle-ci...$htmlPattern="Usernameis:#name#andusercompany...
Depuis 2024-04-06 17:40:41
0
2
410
La meilleure façon d'implémenter la commutation à trois états en réaction ? Je crée des boutons dans React qui déclenchent un changement d'état de l'un à l'autre. Cer...
Depuis 2024-04-06 13:51:32
0
1
418
Aligner l'info-bulle sur le parent relatif J'ai passé deux jours à essayer de résoudre ce problème mais j'ai réalisé que je ne pouvai...
Depuis 2024-04-06 13:16:59
0
2
394
Le rembourrage du parent ignoré par l'enfant en position collante Comment empêcher les éléments collants de passer derrière le collecteur ? L'extrait de cod...
Depuis 2024-04-06 11:42:51
0
1
338
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal