Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
jbatt01

Draggable within jQuery Mobile Pages

Recommended Posts

Any ideas why this would be happening when I try to do a draggable within a jQuery Mobile page? 

 

http://screencast.com/t/Et3fQiVY

 

Here is my draggable code

 

Draggable.create(".drag1", {

   type:"x,y", 
   edgeResistance:0.65, 
   bounds:".ui-content"
});
Link to post
Share on other sites

Hi and welcome to the GreenSock forums,

 

Thanks for the video. My only guess is that something in the jQuery realm is fighting for control of the x/y values or causing the browser to mis-report them.

 

The best thing you can do is provide a reduced CodePen demo. Only include a single draggable button and the bare minimum of other CSS/HTML/JS code to replicate the problem. 

 

http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/

 

You can just fork this demo and add your own code: http://codepen.io/GreenSock/pen/EKMpJJ?editors=0010

Link to post
Share on other sites

I figured it out. I had duplicate .drag1 classes. User error ;) It is all working now. 

  • Like 1
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×