2015-02-25 2 views
4

Я использую jQuery изменяемый размер метода для изменения размера div, его работая отлично с мышью, но на сенсорном экране его не работает .. он не отображает перемасштабируемый курсор и не изменяет размер с сенсорным устройством. как планшет Android samsung, пожалуйста, позвольте мне, как это исправить.JQuery Resizable Touchscreen

plunker http://plnkr.co/edit/mU18FfjoXRHgRkzAvIcx?p=preview , пожалуйста, назовите меня, как продолжить дальше на сенсорном устройстве.

<!doctype html> 
+0

Resizable является частью jQueryUI. Touchpunch пытается сделать jQueryUI совместимым с сенсорными устройствами, поэтому дайте ему попробовать: http://touchpunch.furf.com/ – ezanker

+0

спасибо, я попробовал touchpunch, и это сработало. –

ответ

6

Я пробовал touchpunch, и это сработало.

Вот инструкции от their github page:

Просто следуйте этим простым шагам, чтобы включить сенсорные события в вашем JQuery приложение пользовательского интерфейса:

Включите 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> 

Включите Touch Punch после пользовательского интерфейса jQuery и перед его первым использованием.

Пожалуйста, обратите внимание, что если вы используете компоненты JQuery UI, в сенсорной Панч должна быть включена после jquery.ui.mouse.js, а сенсорный Панч изменяет свое поведение .

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

Существует нет 3. Просто использовать JQuery UI, как ожидается, и смотреть его работать на прикосновением пальца.

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

спасибо за ваш комментарий .. я обновил содержание. пожалуйста, увеличьте очки сейчас. –