JQuery 可调整大小的触摸屏

Question

JQuery 可调整大小的触摸屏

7

我正在使用jQuery resizable方法来调整div大小，在鼠标上运行良好，但在触摸屏上不起作用...它不显示可调整大小的光标，并且在触摸设备上不会调整大小。像安卓三星平板电脑，请告诉我如何解决这个问题。 plunker http://plnkr.co/edit/mU18FfjoXRHgRkzAvIcx?p=preview 请指导我如何在触摸设备上继续进行。

<!doctype html>

- shyam_

Resizable 是 jQueryUI 的一部分。Touchpunch 旨在使 jQueryUI 兼容触摸设备，因此不妨试一试：http://touchpunch.furf.com/。 - ezanker

谢谢，我尝试了touchpunch，它确实起作用了。 - shyam_

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- shyam_ · Accepted Answer

我试过了touchpunch，它有效果。

这里是从他们的 Github 页面上的说明:

只需按照以下简单步骤，在您的jQuery UI应用程序中启用触摸事件：

在您的页面上包含jQuery和jQuery UI。

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>

在使用jQuery UI之前，需要将Touch Punch包含进来。

请注意，如果您正在使用jQuery UI的组件，则必须在jquery.ui.mouse.js后包含Touch Punch，因为Touch Punch会修改其行为。

<script src="jquery.ui.touch-punch.min.js"></script>

没有第3步。只需按预期使用jQuery UI，轻触手指即可使其正常工作。

<script>$('#widget').resizable();</script>