JQuery可调整大小的触摸屏

shy*_*am_ 6 javascript jquery jquery-mobile angularjs

我正在使用jQuery可调整大小的方法来调整div,它的工作正常与鼠标,但在触摸屏上它不工作..它没有显示重新调整大小的光标,并没有使用触摸设备调整大小.像android三星平板电脑请让我如何解决这个问题.

plunker http://plnkr.co/edit/mU18FfjoXRHgRkzAvIcx?p=preview 请指导我如何在触摸设备上继续前进.

<!doctype html>
Run Code Online (Sandbox Code Playgroud)

shy*_*am_ 10

我试过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>
Run Code Online (Sandbox Code Playgroud)

在jQuery UI之后和第一次使用之前包括Touch Punch.

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

<script src="jquery.ui.touch-punch.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

没有3.只需按预期使用jQuery UI,只需轻轻一按即可观看它.

<script>$('#widget').resizable();</script>
Run Code Online (Sandbox Code Playgroud)