Düğmeyi açık menüden anında açın

Question

Kullanıcıya düğmeyi dokunduğunda mobil menümün açılmasını istiyorum. Her iki düğmede ontochstart = "" ifadesini kullandım ve içerik kapalı menü seçeneği görünür olduğunda bu özellik her iki düğmeye dokunur. Bunun tam olarak aynısını href = "javascript: void (0) için de açacağım, menüyü açar. İşte web sitesi: https://londontradition.com, menü düğmesine dokunulduğunda görebiliyorsunuz, bindirme görünür hale geliyor, .. Eğer parmağınızı kaldırın kadar ancak menü geçiş başlamaz Herhangi bir yardım sayesinde takdir

bu çalıştığı yere bir örneği buradadır: burada

https://www.ssense.com/ benim menü kapatma düğmesi için html:

<a href="javascript:void(0);" class="mobile-button visible-sm visible-xs" id="close-btn" ontouchstart="document.getElementById('content').style.cssText = 'opacity:1;';">Menu</a> 

Ve işte benim menüm açık düğmesi için html:

<div class="col-sm-3 col-xs-3"><a href="javascript:void(0);" class="mobile-button" id="menu-toggle" ontouchstart="document.getElementById('content').style.cssText = 'opacity:0.1;';">Menu</a></div> 

Answer 1

ontouchstart kullanmak yerine, onmouseover olayını kullanmalısınız. Daha fazla bilgi için here'a bakın. Dahası, fare onmouseout aracılığıyla fareyi artık bekletmediğinde tekrar normale ayarlamak için bir işlev uygulamalısınız. Ben de cevap arayan herkes için bir çözüm kendim buldum

<a href="javascript:void(0);" class="mobile-button visible-sm visible-xs" id="close-btn" onmouseover="document.getElementById('content').style.cssText = 'opacity:1;';" onmouseout="document.getElementById('content').style.cssText = 'opacity:0.1;';">Menu</a> 

Answer 2

:

Bu gibi kod görünmelidir nasıl.

Yaptığım şey benim menü açık düğmesi eklemek bu oldu:

ontouchstart="document.getElementById('sidebar').style.cssText = 'transform: translateX(0px) !important;';document.getElementById('wrapper').style.cssText = 'transform: translateX(225px) !important;';document.getElementById('top-bar').style.cssText = 'transform: translateX(225px) !important;';document.getElementById('content').style.cssText = 'opacity:0.2;';" 

ve bu benim menüye kapatma düğmesi:

ontouchstart="document.getElementById('sidebar').style.cssText = 'transform: translateX(-225px) !important;';document.getElementById('wrapper').style.cssText = 'transform: translateX(0px) !important;';document.getElementById('top-bar').style.cssText = 'transform: translateX(0px) !important;';document.getElementById('content').style.cssText = 'opacity:1;';" 

en kısa sürede kullanıcı kendi parmak ile düğmeye dokunur gibi parmağını kaldırmadan önce, menü görünmeye başlar.