Dropdown-Menü auf Berührung Ereignis verschwinden

Ich arbeite an einer alten Website, die eine Menge Probleme hat, aber einer von ihnen ist wirklich irritierend und verwirrend. Es hat ein Dropdown-Menü darin, das einfach mit jquery-Bedingungen umgeschaltet wird.Dropdown-Menü auf Berührung Ereignis verschwinden

Das Problem ist - wenn ich es auf iPhone/Android öffnen und versuche, nach unten zu scrollen, um den Rest der Menüpunkte zu sehen, verschwindet das Menü. Hier

ist das Skript, das es lädt:

/* MOBILE COLLAPSE MENU */ 
;(function ($) { 
    $.fn.collapsable = function (options) { 
    // iterate and reformat each matched element 
    return this.each(function() { 
    // cache this: 
    var obj = $(this) 
    var tree = obj.next('.mobile_navigation') 
    obj.click(function() { 
    if (obj.is(':visible')) {tree.toggle();} 
    }) 
    $(window).resize(function() { 
    if ($(window).width() <= 480) {tree.attr('style', '');} 
    }) 
}) 
} 
})(jQuery)

Wie kann ich dieses Problem beheben? Ich nehme an, dass es etwas mit der Funktion $ (window) .resize zu tun hat, da es ein kleineres Ansichtsfenster lädt, aber ich weiß nicht, was ich dagegen tun soll.

Quelle

2016-08-03 snkv

Sie dann Ereignis onClick entfernen können, wenn Sie in mobilen Gerät sind und eine enge hinzufügen Taste. –

Haben Sie versucht, den Größenänderungsteil zu kommentieren? Ich denke, das ist, wo Ihr Problem herkommt, und vielleicht brauchen Sie es nicht mehr, wenn Sie das gleiche Verhalten auf dem Desktop und auf dem Handy haben wollen – shwarp

Das Herausnehmen der Größenänderung Teil tat es. Ich habe versucht, es nach meinem Geschmack zu ändern, habe es aber nicht versucht, es zu kommentieren ... Danke, das war es, für den Moment. – snkv

Bitte überprüfen Sie importieren jquery Bibliothek importieren zweimal ..

oder

dieses Probieren Sie eine

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $("button").click(function(){ 
     $("p").slideToggle(); 
    }); 
    }); 
</script> 
</head> 
<body> 
<div> 
<button>Toggle slideUp() and slideDown()</button> 
</div> 

<p><a href="#">Link 1</a></p> 
<p><a href="#">Link 1</a></p> 
<p><a href="#">Link 1</a></p> 
<p><a href="#">Link 1</a></p> 

</body> 
</html>

Quelle

2016-08-03 10:35:04 NoOneCare

Dropdown-Menü auf Berührung Ereignis verschwinden

Antwort

Verwandte Themen