Page 2 of 3

does Drag & Drop for mobile web app is possible?

Posted: Sun Feb 09, 2014 4:42 pm
by 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.


does Drag & Drop for mobile web app is possible?

Posted: Mon Feb 10, 2014 9:11 pm
by Kateryna Grynko

Hi,

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

Probably Touch Punch doesn't support them.


does Drag & Drop for mobile web app is possible?

Posted: Mon Jun 09, 2014 2:18 pm
by 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.


does Drag & Drop for mobile web app is possible?

Posted: Mon Jun 09, 2014 7:39 pm
by 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/


does Drag & Drop for mobile web app is possible?

Posted: Mon Jun 09, 2014 9:06 pm
by 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.


does Drag & Drop for mobile web app is possible?

Posted: Tue Jun 10, 2014 1:16 pm
by 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.


does Drag & Drop for mobile web app is possible?

Posted: Tue Jun 10, 2014 3:25 pm
by 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?


does Drag & Drop for mobile web app is possible?

Posted: Tue Jun 10, 2014 3:29 pm
by 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?


does Drag & Drop for mobile web app is possible?

Posted: Tue Jun 10, 2014 4:08 pm
by Evgene Karachevtsev

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


does Drag & Drop for mobile web app is possible?

Posted: Tue Jun 10, 2014 4:11 pm
by 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?