javascript - Javascript“显示/隐藏”，非常简单，多平台/浏览器

Question

我需要一个脚本显示/非常简单，你可以使用 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

要触发“click”事件，您需要 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}