iPhone中的jQuery

Question

Very simple jQuery doesn't work in Safari for iPhone and iPod touch. I make a simplified case:

$(function(){
  $("#boto").click(function() {
    $("#boto2").fadeOut("slow");
  });
})

http://jsfiddle.net/vWfNj/

http://www.mig-marketing.com/proves2/3.html

It works in computers, it works in iPad but not in my iPod touch. I'm so surprised, I don't understand. Does jQuery needs anything special for Safari in iPhone?

Answer 1

The iphone doesnt have a click event, it has a touch event try this.

$('.class').bind('touchend', function () {
//Code
});

Edit : No idea what your comment means but here....

$(function(){
  $("#boto").bind('touchend', function () {
    $("#boto2").fadeOut("slow");
  });
})

Answer 2

Be aware that on iOS 5, your #boto has to be inserted into the DOM before you attach event handlers to it. I had a similar problem a few days ago : jQuery events on iOS 5

Answer 3

尝试使用.touch代替.click当你点击任何触摸支持设备的触摸事件。

Answer 4

I found out that the only problem is with the hosted jQuery library from Google. I don't understand why my iPod touch can download the page but not the jQuery library. I don't know if it is a problem in all iPhones and iPod touch...

Anyway If I download the jQuery library, it works fine. And of course the click function works in the iPhone.