does Drag & Drop for mobile web app is possible?

[m z]

So, is the process as follows?

1) Add jquery UI as JS asset.
2) Add Touch Punch code as JS asset.
3) Place button on page
4) Call Appery('buttonName').draggable().

This worked for one button with a mouse, but not from my ipad. So it seems like the Touch Punch isn't working (only jquery UI).

TP documentation states:

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.

[Kateryna Grynko]

Hi,

Try to emulate touch events: https://developers.google.com/chrome-...

Probably Touch Punch doesn't support them.

[Jared Righter]

Hi Max,

I know this is an older subject but I did exactly as Ram did:

1. added the lib as a JS asset

2. placed a button on the page

3. on page load JS:

   Appery('mobilebutton_1').draggable();

   I'm getting the same "not a function" error. Can you be specific in how to remedy this? I also tried $ ('mobilebutton_1').draggable(); with the same result.

   Thank you.

[Evgene Karachevtsev]

Hello Jared,

Please clarify, what code did you add as JS asset? You should add jquery-ui.js from here: http://jqueryui.com/download/

[Jared Righter]

1. I have now added the 3 JS files from the download you gave me.

   1. Placed button 'mobilebutton_1' on the page

   2. Placed Appery('mobilebutton_1').draggable(); in the load event for the page.

      Not getting the error now but doesn't do anything & another button I had linked to another page no longer works.

[Kateryna Grynko]

Hi Jared,

You should add an only JS file, it works properly. Share the app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a please and we'll check it.

[Jared Righter]

When I go to the link you gave me & download the file there are three js files:

jquery-ui-1.10.4.custom.js
jquery-ui-1.10.4.custom.min.js
jquery-1.10.2.js

Which one?

[Jared Righter]

Ok I got it to work with a button but I need it to work with a text area. How do I modify it to do that?

[Evgene Karachevtsev]

Jared, please look at this link:
http://stackoverflow.com/a/16836972

[Jared Righter]

Thank you, I will look at that soon. Another question though. I have gotten the button to drag on the PC with a mouse but on a touch device it doesn't work. I know there is something else I need to do or add but can't seem to find it or where to put it?