Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>
MobileSafari Live Click Bug
</title>
<script src='http://code.jquery.com/jquery-git.js' type='text/javascript'></script>
<script src='http://media.lib.byu.edu/js/jquery/plugins/jquery.livequery-1.0.3.js' type='text/javascript'></script>
</head>
<body style='font-family: Helvetica;'>
<h1 class='livequery_h1' style='font-size: 50px; padding: 25px;'>
livequery h1 click
</h1>
<h1 class='live_h1' style='font-size: 50px; padding: 25px;'>
live h1 click
</h1>
<h1 class='h1_click' style='font-size: 50px; padding: 25px;'>
h1 click
</h1>
<p>
The 'live h1 click' doesn't fire in MobileSafari (iPhone)
</p>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('.livequery_h1').livequery('click', function() {
alert('livequery h1 clicked');
});
$('.live_h1').live('click', function() {
alert('live h1 clicked');
});
$('.h1_click').click(function() {
alert('h1 clicked');
});
});
//]]>
</script>
</body>
</html>
@alanszlosek

This comment has been minimized.

Copy link

alanszlosek commented Sep 16, 2010

A workaround: If you add onclick='' to the .live_h1 element, it works. so:

<h1 class='live_h1' onclick='' style...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.