Quests Sohn
Mitglied
Hallo Forum,
ich möchte innerhalb einer WP-Website eine eigene jQuery function einsetzen,
die ein responsives Menü mit Slider öffnen bzw. schließt. Klingt wahrscheinlich simpel.
Dazu habe ich zuerst jQuery über die functions.php eingebunden, zumindest wird
im Sourcecode gezeigt.
Zusätzlich wird eine selbst erstellte Datei scripts.js auf die gleiche Weise eingebunden.
Auch sie wird korrekt im Sourcecode dargestellt.
Diese Datei enthält nun exakt folgenden Inhalt:
Kein weiteres Zeichen steht in der Datei.
Leider führt der Klick auf das Div .menu-trigger zu absolut keiner Reaktion.
Falls es hilft, zeige ich gerne auch noch den HTML Code der entsprechenden Sektion:
Was mache ich falsch? Ich verstehe es nicht ...
ich möchte innerhalb einer WP-Website eine eigene jQuery function einsetzen,
die ein responsives Menü mit Slider öffnen bzw. schließt. Klingt wahrscheinlich simpel.
Dazu habe ich zuerst jQuery über die functions.php eingebunden, zumindest wird
HTML:
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
Zusätzlich wird eine selbst erstellte Datei scripts.js auf die gleiche Weise eingebunden.
Auch sie wird korrekt im Sourcecode dargestellt.
Diese Datei enthält nun exakt folgenden Inhalt:
Javascript:
jQuery(document).ready(function() {
jQuery('.menu-trigger').click(function(e) {
jQuery('#site-navigation').slideToggle(500);
e.preventDefault();
});
});
Kein weiteres Zeichen steht in der Datei.
Leider führt der Klick auf das Div .menu-trigger zu absolut keiner Reaktion.
Falls es hilft, zeige ich gerne auch noch den HTML Code der entsprechenden Sektion:
HTML:
<div id="menu-trigger"><span>☰</span></div>
<nav id="site-navigation" class="menu-1">
<div class="menu-kopf-container">
<ul id="site-menu" class="menu">
<li id="menu-item-46" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-46"><a href="/login/">Login</a></li>
<li id="menu-item-49" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-49"><a href="/home/">Start</a></li>
<li id="menu-item-50" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-50"><a href="/about/">Hallo</a></li>
<li id="menu-item-47" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47"><a href="/blog/">Blog</a></li>
<li id="menu-item-48" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-48"><a href="/kontakt/">Kontakt</a></li>
</ul>
</div>
</nav>
Was mache ich falsch? Ich verstehe es nicht ...