禁用 jQuery-ui 可拖动/可放置的移动设备

Question

所以我的网站有一个可放置/可拖动的实现，它也是响应式的。当我在手机上访问该网站时，我无法滚动到可拖动的内容上。

有没有办法为移动用户禁用它？

Answer 1

1. 只需编写功能，即可通过用户代理或设备宽度检测移动设备。

按用户代理

function detectmob() { 
 if( navigator.userAgent.match(/Android/i)
 || navigator.userAgent.match(/webOS/i)
 || navigator.userAgent.match(/iPhone/i)
 || navigator.userAgent.match(/iPad/i)
 || navigator.userAgent.match(/iPod/i)
 || navigator.userAgent.match(/BlackBerry/i)
 || navigator.userAgent.match(/Windows Phone/i)
 ){
    return true;
  }
 else {
    return false;
  }
}

按设备宽度

function detectmob() {
   if(window.innerWidth <= 800 && window.innerHeight <= 600) {
     return true;
   } else {
     return false;
   }
}

2.比从每个选项中删除类.dragable，导致在智能手机上滚动时出现问题。

$("element").removeClass(".dragable");