Javascript Jquery mobile中的设备兼容性/无法检索JQM 1.2.0中的单选按钮值
在Jquery mobile中有没有标准的编码方式。。。(即)为什么会出现这个问题是因为页面事件的相同代码在某些设备中运行良好..而某些设备甚至不产生错误或警报 示例:- 检查下面的代码Javascript Jquery mobile中的设备兼容性/无法检索JQM 1.2.0中的单选按钮值,javascript,android,jquery,jquery-mobile,Javascript,Android,Jquery,Jquery Mobile,在Jquery mobile中有没有标准的编码方式。。。(即)为什么会出现这个问题是因为页面事件的相同代码在某些设备中运行良好..而某些设备甚至不产生错误或警报 示例:- 检查下面的代码 $(document).on('pageinit', "#pageid", function() { alert("inside page init"); $('input[name="radioBtn"]').on('change', function () { alert($
$(document).on('pageinit', "#pageid", function() {
alert("inside page init");
$('input[name="radioBtn"]').on('change', function () {
alert($(this).val());
});
});
它在webkit、chrome和mozilla浏览器中都能正常工作,但在手机中却不起作用
我不知道出了什么问题谁能给点建议
注意:我尝试并使用了以下链接
但它仍然不起作用
这是关于我的页面结构:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Multi-page template</title>
<link rel="stylesheet" href="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script>
$(document).on('pageinit', "#main", function() {
$('input[name="farmerGender"]').on('change', function () {
alert($('input[name=farmerGender]:checked').val());
});
});
</script>
</head>
<body>
<div data-role="page" id="main">
<div data-role="header">
<h2>Header</h2>
</div>
<div data-role="content">
<div id="div-1">
<ul>
<li>Div-2</div></li>
<li>Div-3</div></li>
</ul>
</div>
<div id="div-2">
<fieldset data-role="controlgroup">
<input type="radio" name="radioBtn" id="rad-1" value="rd-1" checked="checked"/>
<input type="radio" name="radioBtn" id="rad-2" value="rd-2"/>
</fieldset>
</div>
<div id="div-3">
content
</div>
</div>
<div data-role="footer">
<h2>Footer</footer>
</div>
</div>
<body>
</html>
多页模板
$(document).on('pageinit',“#main”,function()){
$('input[name=“farmerGender”]')。在('change',函数(){
警报($('input[name=farmerGender]:选中').val();
});
});
标题
- 第2组
- 第3组
内容
页脚
请检查并让我知道此代码是否有任何错误
提前感谢…您可以尝试清除缓存并在移动设备中重新打开它吗。由于jQM在DOM/内存中缓存页面,您将代码放在何处,您使用的是单页模型还是多页模型。嗨,Omar,谢谢您的回复。。。它是一个单一的html文件-多数据角色页模型。。。但不是数据角色页面,而是将所有页面保留为div。。。。