Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JQuery Resizable Touchscreen

i am using jQuery resizable method to resize the div, its working fine with mouse but on touchscreen its not working..it doesn't show the re-sizable cursor and doesnt resize with touch device. like android samsung tablet please let me how how to fix this.

plunker http://plnkr.co/edit/mU18FfjoXRHgRkzAvIcx?p=preview please guide me how to proceed further on touch device.

<!doctype html>
like image 943
shyam_ Avatar asked Feb 25 '15 00:02

shyam_


1 Answers

I tried touchpunch and it worked.

Here are the instructions from their github page:

Just follow these simple steps to enable touch events in your jQuery UI app:

Include jQuery and jQuery UI on your page.

<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>

Include Touch Punch after jQuery UI and before its first use.

Please note that if you are using jQuery UI's components, Touch Punch must be included after jquery.ui.mouse.js, as Touch Punch modifies its behavior.

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

There is no 3. Just use jQuery UI as expected and watch it work at the touch of a finger.

<script>$('#widget').resizable();</script>
like image 84
shyam_ Avatar answered Sep 28 '22 19:09

shyam_