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() 方法绑定(bind)任何事件，那么您可以像这样绑定(bind)两个设备:

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

点击:适用于桌面设备
touchstart:用于移动设备