Hallo,
ich habe ein Problem mit meinem Mobilem Menü...
Jedes mal wenn ich in ein Untermenü klicke schließt sich das menü nach ca. 1 sec.
Ich verstehe das nicht weil ich ja schon ein e.preventDefault(); in das zuständige Tag eingesetzt habe.
Kann mir da bitte jemand weiterhelfen ich hab mittlerweile keinen Plan mehr woran das liegen könnte.
Hier mal die Seite um die es sich dreht, einfach das Fenster soweit verkleinern bis das Mobile Menü auftaucht und dann beim 2ten Plus Zeichen das Menü aufklappen.
Danke schon mal jetzt für Eure Hilfe!
Und Hier noch der verwendete Code die das komplette Menü ansteuert:
Das mobile Menü wird von der Zeile 52 bis 77 angesprochen
ich habe ein Problem mit meinem Mobilem Menü...
Jedes mal wenn ich in ein Untermenü klicke schließt sich das menü nach ca. 1 sec.
Ich verstehe das nicht weil ich ja schon ein e.preventDefault(); in das zuständige Tag eingesetzt habe.
PHP:
$(".select-menu>a").click(function(e) {
e.preventDefault();
$("#mobile-only-menu").slideToggle("slow", "easeInOutExpo");
});Hier mal die Seite um die es sich dreht, einfach das Fenster soweit verkleinern bis das Mobile Menü auftaucht und dann beim 2ten Plus Zeichen das Menü aufklappen.
Danke schon mal jetzt für Eure Hilfe!
Und Hier noch der verwendete Code die das komplette Menü ansteuert:
Das mobile Menü wird von der Zeile 52 bis 77 angesprochen
PHP:
jQuery(window).load(function(e) {
/*superfish pull-down menu*/
jQuery('ul.sf-menu').supersubs
({
minWidth:6,
maxWidth:25,
extraWidth:1
}).superfish({
animation:
{
opacity: 'show'
},
dropShadows:false,
delay:500,
speed:'fast',
disableHI:true,
animation:
{
opacity: 'show'
}
});
var enable_lavalamp = true;
/*ie8 check*/
/*
if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) <= 8)
enable_lavalamp = false;
*/
if (enable_lavalamp) {
var _startItem = jQuery('ul#top_menu .current-menu-ancestor').index() >= 0 ? jQuery('ul#top_menu .current-menu-ancestor').index() : jQuery('ul#top_menu .current-menu-item').index();
/*there are empty <li> tags half of the position of the current item*/
_startItem = (_startItem / 2);
/*Initialize Lava Lamp*/
jQuery('ul#top_menu').lavaLamp
({
target:'li.rc:not(li li)',
container: 'li',
startItem : _startItem,
setOnClick:false,
fx: 'easeOutBounce',
speed: 500,
returnDelay: 1500,
returnHome:true,
});
}
});
(function($) {
$(document).ready(function(e) {
/*Hover Simulation for Mobile Devices*/
$(document).on( "click touchstart", "a", function() {
$(this).toggleClass("hover");
});
/*jQuery Mobile menu*/
if($("#top_menu").length>0) {
var $mobile_menu = jQuery( $("#top_menu").html().split('<li class="notrc"> </li>').join('') );
$mobile_menu.removeAttr("id").removeAttributes(['id', 'class']);
$("#mobile-only-menu").append( $mobile_menu ).accordion().hide();
$(".select-menu>a").click(function(e) {
e.preventDefault();
$("#mobile-only-menu").slideToggle("slow", "easeInOutExpo");
});
}
});
})( jQuery );
jQuery.fn.removeAttributes = function(only, except) {
if (except) {
except = jQuery.map(except, function(item) {
return item.toString().toLowerCase();
});
if (only) {
only = jQuery.grep(only, function(item, index) {
return jQuery.inArray(item, except) == -1;
});
};
};
return this.each(function() {
var attributes;
if(!only){
attributes = jQuery.map(this.attributes, function(item) {
return item.name.toString().toLowerCase();
});
if (except) {
attributes = jQuery.grep(attributes, function(item, index) {
return jQuery.inArray(item, except) == -1;
});
};
} else {
attributes = only;
}
var handle = jQuery(this);
jQuery.each(attributes, function(index, item) {
handle.removeAttr(item);
});
});
};
