问题添加点击事件处理程序与JQuery移动在Android浏览器
Problem adding click event handler with JQuery Mobile in Android Browser
我有一个奇怪的问题与android浏览器。希望这是我做的一些根本性的错误,而不是一个JQuery错误。我在Firefox和Chrome中尝试了以下代码,这些代码工作得很好。然而,当我在Android浏览器中尝试时,点击Get Tweets按钮不起作用。这似乎是JQuery Mobile的一个问题,因为当我将事件添加到一个正常的非JQuery Mobile对象时,它会正确绑定并触发console.log。我已经尝试了alpha和beta版本的JQuery Mobile,没有运气。
<!DOCTYPE html>
<html>
<head>
<style type="text/css" rel="stylesheet" >
.chkTag { color: black; }
/*.chkFeed { color: black; }*/
</style>
<link rel="stylesheet" href="twitter/style/jquery.mobile-1.0a4.1.min.css" />
<script type="text/javascript" src="twitter/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="twitter/js/jquery.mobile-1.0a4.1.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".tweetjack").click(function() {
console.log('test');
});
console.log('page loaded');
});
</script>
<style type="text/css">
.profile img { width: 48px; height: 48px; display: inline; float: left; padding-right: 10px; }
/*.ui-collapsible-contain { max-height: 950px; min-height: 950px; }*/
</style>
</head>
<body>
<div id="page" data-role="page" data-theme="d">
<div id="header" data-role="header">
<h1>Twitter App</h1>
</div>
<div data-role="content">
<div id="1" class="tweetjack" data-role="collapsible" data-collapsed="true"><h3>Get Tweets</h3><p id="text1"></p><div data-role="collapsible" data-collapsed="true"><h3 date-theme="a">Filter</h3></div></div>
</div>
<div id="footer" data-role="footer">
<a class="tweetjack"><h2>BT</h2></a>
</div>
</div>
</body>
</html>
此脚本仅在android浏览器中失败。
$('#page').live('pagecreate',function(event){
console.log('page loaded');
$(".tweetjack").click(function() {
console.log('test');
});
});
所以看起来我只是简单地用老式的JQuery方式做它,而实际上现在有一种JQuery Mobile方式来做这些事情。下面是正确的代码。
$('#page').live('pagecreate',function(event){
console.log('page loaded');
$(".tweetjack").live('tap',function(event) {
console.log('test');
});
});
JQM似乎拦截点击,并将href设置为'#',如果您试图拦截它们,这可能会造成一些破坏。这对我来说很有效,在JQM到达链接之前处理链接:
$(document).bind("pageinit", function() {
$("a").bind("click", function(e){ fix_mobile_links(this, e) });
}
相关文章:
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 停止jQuery UI滑块移动超过给定值
- 如何将chrome扩展功能移植到移动设备(特别是jquery和trello)
- JQuery移动动态分区页面
- jquery移动对齐按钮取决于内容大小
- 如何在jquery中找到鼠标滚轮/触摸移动事件的走向
- 简单的垂直上一个和下一个按钮代码点击上下移动jQuery
- 将闪烁的图像从左向右移动 jquery
- 鼠标移动 jquery 上的多个转换
- 使用POST从PhoneGap,移动jQuery应用程序跨域脚本检测成功的html表单提交
- 移动.jQuery中的changepage不工作(白屏)
- 创建移动jQuery切换菜单
- 元素拒绝移动- jQuery .css
- 力“Tab"在元素内移动- Jquery/Javascript
- 实时图像大小调整和移动(JQuery)
- .click()和.trigger("click")都不能用于移动jquery图标按钮.我怎样才能解
- 如何重置移动JQuery表单
- 用鼠标移动jQuery自定义工具提示
- 移动 jquery onclick 不播放音频文件
- 移动jquery页面是不断加载,如果我把自定义参数在URL