programmieren:menu:bootstrap
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
programmieren:menu:bootstrap [22/05/2020 16:22] – angelegt conny | programmieren:menu:bootstrap [28/12/2020 10:38] (aktuell) – [Einfaches Tree Menü] conny | ||
---|---|---|---|
Zeile 9: | Zeile 9: | ||
{{programmieren: | {{programmieren: | ||
- | < | + | < |
<div> | <div> | ||
<hr> | <hr> | ||
Zeile 43: | Zeile 43: | ||
</ | </ | ||
- | < | + | < |
$(' | $(' | ||
$(this).addClass(' | $(this).addClass(' | ||
}) | }) | ||
+ | </ | ||
+ | |||
+ | <code css| CSS> | ||
+ | .navbar-dark .nav-item > .nav-link.active | ||
+ | color: | ||
+ | background-color: | ||
+ | } | ||
+ | </ | ||
+ | ---- | ||
+ | ==== 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 (414 views) · Zuletzt geändert: 22/05/2020 16:22 von conny