jQuery $.live() 不适用于 iPhone 上的表格行
我正在使用 jQuery 的 $.live()
函数使表格行可点击。
在 Chrome、Firefox 甚至桌面 Windows Safari 上完美运行,但在 iPhone 上则不行。
$.bind()
可以在任何地方使用,但出于显而易见的原因,我想使用其他函数。
有谁知道为什么它不起作用以及如何修复它?
下面的示例代码。
<!DOCTYPE html>
<html lang="en">
<head>
<title>test</title>
<meta charset="utf-8" />
<meta name="viewport" content="user-scalable=no,width=device-width" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<style type="text/css">table { width: 100%; border-collapse: collapse; } table tr { background: #eee; } table td { padding: 10px; border-top: 1px solid #ccc; }</style>
<script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"> </script>
<script type="text/javascript">
$(document).ready(function() {
/* $.bind() works */
/*
$('table').find('tr').bind('click', function() {
alert($(this).text());
});
*/
/* $.live() doesn't */
$('table').find('tr').live('click', function() {
alert($(this).text());
});
});
</script>
</head>
<body>
<table>
<tbody>
<tr><td>words are flying out \ </td><td>like endless rain into a paper cup</td></tr>
<tr><td>they slither while they pass \ </td><td>they slip away across the universe</td></tr>
</tbody>
</table>
</body>
</html>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
此代码的一个问题是您使用了
.live
错误 - 它应该直接在选择器上调用:来自 规格:
接下来,在 jQuery 1.4.2 上,最好使用
委托
:One problem with this code is that you're using
.live
wrong - it should be called directly on the selector:From the specs:
Next, on jQuery 1.4.2, it's probably better to use
delegate
: