Javascript＆＃34;显示/隐藏＆＃34;，非常简单，以及Multiplatform / Browser

Question

我需要一个脚本show /非常简单，你可以使用css转换，使用下面的jquery但它在移动设备中有一定的延迟，我不能使用转换与他，我将使用脚本很多在我的网站上的时间，所以我想要一些简单的东西来保持网站，并在浏览器手机和桌面上都有效。

Safari / IE10 Mobile非常延迟

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

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

});

Answer 1

要触发“点击”事件，您需要mousedown和mouseup元素，在移动浏览器上会导致300毫秒的延迟。
如果您直接前往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