Javascript「顯示/隱藏」，非常簡單，多平臺/瀏覽器

Question

我需要一個腳本顯示/非常簡單，您可以使用css轉換，使用jquery下面的代碼，但它在移動設備上有一定的延遲，我可以我們不會在他的網站上使用轉換，我會在我的網站上多次使用該腳本，所以我希望能夠簡單地保留網站，並且可以在瀏覽器手機和臺式機上使用。

非常延遲的Safari/IE10移動

$(document).ready(function(){ 
     // show and hide menu top 
     $(".dropmenu").hide(); 
     $(".dropbtn").show(); 

    $('.dropbtn').click(function(){ 
    $(".dropmenu").slideToggle(0); 
    }); 

}); 

Answer 1

對於 「點擊」 觸發事件，你需要的mousedown和mouseup的元素，它在一個300ms的延遲移動瀏覽器的結果。
如果你直接去touchstart它會火在任何時間:)

$(function(){ 

    // show and hide menu top 
    $(".dropmenu").hide(); 
    $(".dropbtn").show(); 

    $('.dropbtn').on('touchstart click',function(e){ 
     if(e.type=='touchstart') $(this).off('click'); 
     $(".dropmenu").slideToggle(0); // or use just .toggle(); 
    }); 

}); 

_{https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Events/Touch_events}