jQuery UI draggable兼容移动端

项目场景：

用jQyery UI的draggable可以很方便地在PC端实现页面元素的可拖放，不过jQyery UI不是为移动端而写的，因此这个draggable方法在手机上无效。

解决方案：

已经有了现成的解决方法，那就是再加一个 jQuery UI Touch Punch 插件即可。

下载（https://github.com/furf/jquery-ui-touch-punch）后在页面中引入即可解决。

补充：

引入以上插件后需要点击一下才能执行拖拽，原因是onmouSEO（(Search Engine Optimization)）ver方法没有触发。触发onmouSEO（(Search Engine Optimization)）ver就是触发onmouSEO（(Search Engine Optimization)）ver绑定的事件，所以进行手动触发，以下方法不是很好，但是能解决问题，dom不多可以使用。

$('.onmousebox').each(function(index, el) {
	if(navigator.userAgent.match(/mobile/i)) {
		_onmouSEO（(Search Engine Optimization)）ver(el)
	}
});

这篇好文章是转载于：学新通技术网