Under the Bridge

HomeUnder the BridgejQuery Touch Plugin

jQuery Touch Plugin

Here’s an interesting-looking new jQuery plugin release for those of you doing iPhone Web development:

I have written a jQuery plugin that can use the built in Touch methods including ontouchstart, ontouchend, ontouchmove, ongesturestart, ongesturechange and ongestureend.

You may specify what options you want available for the specified
target(s), including: animate, dragx, dragy, rotate, resort and scale.

LINK: http://plugins.jquery.com/project/touch

DEMO: http://www.manifestinteractive.com/iphone/touch/

h/t: iPhoneWebDev!

28
JUL
7

Categories: iPhone, Mobile Safari, Programming

Tags: , ,

  • dingodonkey

    Wow, how did I only just now find out you got this site!?

    I should probably make the switch soon myself…

  • http://www.alexcurylo.com/ Alex

    Apparently you don’t read my LJ more often than every three months!

  • http://manifestinteractive.com Peter Schmalfeldt

    Greetings,

    Just wanted to provide an update. Just wrote another plugin that I thought you might like since you listed it on your site.

    jQuery Flick: http://plugins.jquery.com/project/flick
    DEMO: http://manifestinteractive.com/iphone/flick/

    This plugin adds Apple iPod/iPhone (firmware 2.0 ) flick/scroll functionality to jQuery. Use built in Touch methods including ontouchstart, ontouchend and ontouchmove.

    Includes rubber banding if the user scrolls past the top/bottom of the scrollable region. There is also an internal division ontouchstart to place over any clickable elements. This prevents items that are in the scrollable region from being clicked while you are in mid scroll.

    - Peter Schmalfeldt

  • http://whiteteetheasy.com Edison Callies

    We were doing a search and came across this site. I must say that this information is what I was searching for! Keep it up. We will be following your posts

  • Randy Tibbott

    Question: can the relationship of the finger/touch location to the div being dragged be changed? When I grab my div for dragging (345px x 477px) it changes position so that the upper/let corner is “attached” to the finger/touch location. I would prefer the lower/right corner for my specific purpose.

    Thank you very much.

  • http://www.krainaherbaty.com herbata

    Thank You for sharing this! Really great:)

  • http://www.askdfls.com Julieann Conch

    Often a great place next time i check out your blog along with websites you own. Enjoy ones insights.