Javascript无法在移动设备上正常启动 - iOS / Android

Question

我在手机上显示全屏叠加菜单。

此菜单上的所有部分都显示在该页面的DOM中，我希望能够单击该链接并向下滚动到相关的ID元素。目前这是在桌面设备上工作，但在iOS / Android上，脚本无法解决。

  $('.on-page-item').click(function(event) {
       var $this = $(this);
       var href = $this.attr('href');
       var changedhref = href.substring(1);
       var target = changedhref;
        $( "button.overlay-close" ).trigger( "click" );
        $( "div.demo" ).scrollTop(changedhref);
        $('html, body').animate({
            scrollTop: target.offset().top
        }, 500);
       classie.remove( overlay, 'close' );
  });

你知道这不是解雇的原因吗？

感谢您的帮助。

Answer 1

如果使用.on()方法绑定任何事件，则可以绑定两个设备，如：

$('.on-page-item').on('click touchstart', function(event) {

click：适用于桌面设备
touchstart：适用于移动设备

Answer 2

您可以像这样绑定桌面和移动设备：

$('.on-page-item').on('click touchstart', function(event){
  //your code here
});

此外，MDN还为我未来的触摸事件提供了很好的参考：

Touch Events - Web API Reference