Question

我正在开发一个响应式网站，其中包含可移动尺寸屏幕的可点击下拉菜单。它可以在鼠标点击的小笔记本电脑屏幕上工作，但我无法弄清楚如何让它以同样的方式对移动触摸做出反应。欢迎普通的Javascript或Jquery方法。 to_nav 类是应该显示菜单的按钮。

  $(window).ready(function() {
    $(window).on('resize', function(){
      var win = $(this); 

      if (win.width() >= 600) { document.getElementById('menu').style.display='inline'; }
    });
});

displaynav= function () {
    var nav = document.getElementById("menu");
    if (nav.style.display == 'none'){
        nav.style.display = "block";
    }
    else { nav.style.display = 'none';}
}

$(document).on("ready",function(){

    $('.to_nav').click(function(){
       displaynav();

    })

});

Answer 1

你应该搜索你在标题中写的内容 - 你会发现在Stackoverflow上发布了this文章，这是你问题的解决方案。玩得开心吧！

Javascript：onclick to ontap for mobile

1 个答案: