programmieren:menu:bootstrap
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
programmieren:menu:bootstrap [22/05/2020 16:26] – conny | programmieren:menu:bootstrap [28/12/2020 10:38] (aktuell) – [Einfaches Tree Menü] conny | ||
---|---|---|---|
Zeile 55: | Zeile 55: | ||
} | } | ||
</ | </ | ||
+ | ---- | ||
+ | ==== Einfaches Tree Menü ==== | ||
+ | mit jquery.js | ||
+ | http:// | ||
+ | {{ programmieren: | ||
+ | <code html> | ||
+ | <ul id=" | ||
+ | < | ||
+ | < | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <ul class=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </li> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <ul class=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class=" | ||
+ | </ul> | ||
+ | </ | ||
+ | |||
+ | <code java> | ||
+ | $(function() { | ||
+ | $('# | ||
+ | e.stopPropagation(); | ||
+ | var $el = $(' | ||
+ | $('# | ||
+ | $el.stop(true, | ||
+ | }); | ||
+ | $('# | ||
+ | e.stopImmediatePropagation(); | ||
+ | }); | ||
+ | }); | ||
+ | </ | ||
+ | |||
+ | <code css> | ||
+ | ul >li { | ||
+ | margin-left: | ||
+ | } | ||
+ | </ |
programmieren:menu (415 views) · Zuletzt geändert: 22/05/2020 16:26 von conny