I found this bug in jQuery (normal version, NOT iPhone).

On my web browser - Google Chrome or Firefox, it works okay, but the problem comes when i open my site on the iPhone.

The problem is, when I use this piece of code, all the links and clicks on my site seems like they are disabled. Every click is 'denied', 'ignored'.

Here is it:

(function($)

{

$.mouseLoader = function(stngs)

{

settings = jQuery.extend({ bindToAjax: true }, stngs);

if($('#mouseLoader').length == 0)

{

$('body').prepend('<div id="mouseLoader"><img src="/img/ajax-loader.gif" /></div>');

var mouseLoader = $('#mouseLoader');

$(document).bind('mousemove', function(event)

{

var newtop = $(document).scrollTop()+event.clientY+10;

var newleft = $(document).scrollLeft()+event.clientX+10;

if(newleft+mouseLoader.width() > $(document).width()) newleft = $(document).width()-mouseLoader.width();

if(newtop+mouseLoader.height() > $(document).height()) newtop = $(document).height()-mouseLoader.height();

mouseLoader.css({'top': newtop, 'left': newleft});

});

}

if(settings.bindToAjax) jQuery(document).ajaxStart(function(){ $.mouseLoader.show() }).ajaxStop(function(){ $.mouseLoader.hide() });

$.mouseLoader.show = function(hide)

{

$('#mouseLoader').fadeIn();

if(hide) $.mouseLoader.hide(hide)

}

$.mouseLoader.hide = function(hide)

{

setTimeout(function(){ $('#mouseLoader').fadeOut(); }, hide);

}

}

})(jQuery);

The solution I found is by replacing the code on line 10 by this:

var mouseLoader = $('#mouseLoader').get(0);