Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong>Caution:</strong> This answer was written in 2010 and technology moves fast. For a more recent solution, see <a href="https://stackoverflow.com/a/9174684/204467">@ctrl-alt-dileep's answer below</a>.</p> <hr> <p>Depending on your needs, you may wish to try the <a href="http://plugins.jquery.com/project/touch" rel="nofollow noreferrer">jQuery touch plugin</a>; you can try an example <a href="http://www.manifestinteractive.com/iphone/touch/" rel="nofollow noreferrer">here</a>. It works fine to drag on my iPhone, whereas jQuery UI Draggable doesn't.</p> <p>Alternatively, you can try <a href="http://plugins.jquery.com/project/browserTouchSupport" rel="nofollow noreferrer">this</a> plugin, though that might require you to actually write your own draggable function.</p> <p>As a sidenote: Believe it or not, we're hearing increasing buzz about how touch devices such as the iPad and iPhone is causing problems both for websites using :hover/onmouseover functions and draggable content.</p> <p>If you're interested in the underlying solution for this, it's to use three new JavaScript events; ontouchstart, ontouchmove and ontouchend. Apple actually has written an article about their use, which you can find <a href="http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/InteractiveVisualEffects/InteractiveVisualEffects.html" rel="nofollow noreferrer">here</a>. A simplified example can be found <a href="http://htmlpad.wordpress.com/2010/02/12/tracking-touch-events-on-the-ipad/" rel="nofollow noreferrer">here</a>. These events are used in both of the plugins I linked to.</p> <p>Hope this helps!</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload