.live not working on iOS 5

[[email protected]…]

Here is a fiddle demonstrating the issue:

​http://jsfiddle.net/hjYRR/2/

Please refer to this URL on iOS to test the bug:

​http://jsfiddle.net/hjYRR/2/embedded/result/

[addyosmani]

Confirmed on iOS5. .bind() test working fine but .live() is unresponsive.

[sindresorhus]

​Pull request

[dmethvin]

Unfortunately, we cannot fix this in core. There is a workaround but it has several negative side-effects that would drive people crazy.

We'll be writing up some workarounds and putting them at the new documentation site; they essentially come down to:

• Use clickable elements such as a or button that do bubble, which is best practice anyway.

• Use .on() or .delegate() to handle the click event *below* the level of document.body, since iOS does bubble it there.

• Apply the cursor: pointer CSS style to the element that needs to bubble clicks or a parent (including document.documentElement if necessary). Realize that this will cause all touched elements to be highlighted and also disable copy/paste, so it's not a good solution.

[addyosmani]

Working through docs for this atm.

[addyosmani]

Docs updated.

[gravof]

Since live() is deprecated, I guess the docs should be move to on()?

[sindresorhus]

#11831 is a duplicate of this ticket.