Ich hatte einen Auftrag, dass ich einen Slider austauschen soll und hab dies durchgeführt.
Der Slider war nicht über ein Plugin sondern manuell eingefügt worden. Ich musste daher auch alte jquery-Einbindugen löschen, da mir sonst der neue Slider nicht funktioniert hätte (der übrigens mittels Plugin installiert wurde).
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/vendor/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/vendor/jquery-ui-1.10.4.custom.min.js"></script>
Jetzt funktioniert mir leider die mobile Menubar nicht mehr und ich weiß nicht warum.
Das Bild wird zwar angezeigt, aber ich es kommt keine Klickreaktion.
index.php:
<div class="menubar"> <img class="menubarimg" src="<?php bloginfo('template_url'); ?>/img/menu.png" />
</div>
functions.php:
$('.menubarimg').click(function() { $('#menu').slideToggle();
});
var proops = $('#menu').find('li').find('a');
$.each(proops, function() {
$(this).click(function() {
$('#menu').slideToggle();
});
});
Die ganze Website kann hier auf meiner Testumgebung angesehen werden: magserien.bplaced.net
Ich hätte jetzt nicht damit gerechnet und weiß auch nicht, woran es liegen kann. Die Klickreaktion wird mir aber nicht mehr angezeigt. Das Menu ist noch da und kann auch sichtbar gemacht werden, wenn ich unter div id="menu" style="display: none"> das display:none entferne.
Dann wird es mir allerdings auch immer angezeigt. Auch bei der alten Version steht es so dabei und da funktioniert es. Leider weiß ich jetzt nicht, wie ich weiter vorgehen soll. Es musste ja eigentlich an einer jquery-Datei liegen. An den anderen Dateien habe ich keine Änderungen vorgenommen. Weiß jemand Rat?