编辑:解决方案是将此添加到配置文件页面而不是性别页面.
$('#profile').live( 'pageinit',function(event){
$('p#pTest').text(localStorage.getItem('gender'));
});
我在listview中有一个带有som文本的段落,我希望在clikcing save之后以编程方式从另一个页面进行更改.
编辑:这是我在profile.html中的列表视图.当您点击该项目时,您将转到另一个页面,您可以在其中保存您的性别.我想将此列表视图中的段落更改为从其他页面更改的性别.
<ul data-role="listview" >
<li><a href="gender.html">
<img src="images/gender2.jpg" />
<h3>Gender</h3>
<p id="pTest">Male</p>
</a></li> </ul>
性别html页面只是两个单选按钮和一个保存按钮的基本内容.这是我的javascript代码(在单独的文件中):
$('#gender').live('pageinit', function(event) {
var gender = localStorage.getItem('gender');
var boolMale = true;
if (gender == "female") boolMale = false;
$('#radio-choice-male').attr("checked",boolMale).checkboxradio("refresh");
$('#radio-choice-female').attr("checked",!boolMale).checkboxradio("refresh");
$('#saveGenderButton').click(function() {
if ($('#radio-choice-male').is(':checked'))
localStorage.setItem('gender', "male");
else localStorage.setItem('gender', "female");
$('#pTest').html('test'); //does not work
//$('p#pTest').text('test'); //does not work
//$('#pTest').text('test'); //does not work
$.mobile.changePage("profile.html");
});
});
我用javascript尝试过这个: $('p#pTest').text('test');
但是文本没有改变.(我知道保存按钮有效).这可能吗？
我正在使用$ .ajax()填充我的移动网络应用中的列表.我想要做的是在执行此调用时出现jQuery移动加载微调器,并在列表填充后消失.当前版本的JQM分别使用$.mobile.showPageLoadingMsg()和$.mobile.hidePageLoadingMsg()显示和隐藏加载微调器.我无法确定将这些语句放在何处以获得正确的结果.这似乎应该是一件相当容易实现的事情,我只是无法找到关于这个确切场景的任何信息.
这是pagecreate函数中的ajax调用:
$('#main').live('pagecreate', function(event) {
$.ajax({
url: //url
dataType: 'json',
headers: //headers
success: function(data) {
for(i = 0; i < data.length; i++) {
$('#courses').append('<li>' + data[i].name + '<ul id="course' + data[i].id + '"></ul>' + '<span class="ui-li-count">' + data[i].evaluatedUserIds.length + '</span></li>');
$('#course' + data[i].id).listview();
for(j = 0; j < data[i].evaluatedUserIds.length; j++) {
$('#course' + data[i].id).append('<li><a href="">' + data[i].evaluatedUserIds[j] + '</a></li>');
}
$('#course' + data[i].id).listview('refresh');
}
$('#courses').listview('refresh');
}
});
});
我正在使用这三个CDN文件,正如JQM文档入门中所建议的那样:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
我很困惑为什么我在Chrome的"网络"标签下找到了404 Not found状态.似乎是在寻找jquery mobile min.map文件.我在Firefox中没有看到这个.
有什么想法,为什么它正在寻找这个文件？
在使用Firefox(23.0.1)和jQuery Mobile(1.3.2)时,我从代码中收到以下警告: Empty string passed to getElementById().该消息显示在控制台中("工具">"Web Developer">"Web控制台").我想消除这个警告.
我见过很多人提出类似的问题,最值得注意的是:找到警告源的最佳方法:传递给getElementById() 的空字符串答案似乎一直指向使用'#',暗示用户有错.
我试图产生我觉得有效代码的最低限度,并且我发现这个警告仍然存在.我从其他帖子中假设,我的代码是错误的.谁能告诉我如何解决这个问题？
根据其他用户的评论,此警告不会出现在Chrome中(版本29.0.1547.57)
提前致谢!
重现此问题的最低有效代码:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<title>Test</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" />
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery.mobile-1.3.2.js"></script>
</head>
<body>
<div data-role="page" id="TestPage">
<div data-role="content" id="TestContent">
<p>This is a test</p>
</div>
</div>
</body>
</html>
我正在使用新的jquery mobile 1.0 alpha 1版本来构建移动应用程序,我需要能够切换按钮的文本.切换文本工作正常,但只要执行文本替换,css格式就会被破坏.
混乱格式的屏幕截图:http://awesomescreenshot.com/03e2r50d2
<div class="ui-bar">
<a data-role="button" href="#" onclick="Podcast.play(); return false" id="play">Play</a>
<a data-role="button" href="#" onclick="Podcast.download(); return false" id="download">Download</a>
<a data-role="button" href="#" onclick="Podcast.consumed(); return false" id="consumed">Mark Old</a>
</div>
$("#consumed").text("Mark New");
有没有人将流星与移动前端框架集成在一起？
在使移动html5应用看起来"更原生"时,有许多CSS /前端框架.例如:
和更多.与普通的Bootstrap相比,主要的好处是:
但是这些框架通常使用自己的MVC模型,例如将内容预加载到屏幕外DIV并进行全屏转换.他们经常使用与Meteor/IronRouter冲突的内部路由器或Pushstate.而离子例如取决于角度......
有没有人在这种集成方面取得成功？任何线索赞赏.
我用iOS和Android的jQueryMobile创建了一个网站.
我不希望文档本身滚动.相反,只有一个区域(一个<div>元素)应该是可滚动的(通过css属性overflow-y:scroll).
所以我通过以下方式禁用文档滚动:
$(document).bind("touchstart", function(e){
e.preventDefault();
});
$(document).bind("touchmove", function(e){
e.preventDefault();
});
但是,无论是否overflow:scroll设置,这也将禁用文档中所有其他元素的滚动.
我怎么解决这个问题？
我正在玩jQuery UI的拖放功能,它正在我的网站上运行,但是当我在iPad上导航到我的网页时,div不会拖动 - 页面本身会上下移动.
我有头标记:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/le-frog/jquery-ui.css" type="text/css" media="all" />
<script src="http://www.google.com/jsapi"></script>
<script>
google.load("jquery", "1");
google.load("jqueryui", "1");
google.setOnLoadCallback(init);
</script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
基于HTML 5的移动开发的最佳框架是什么？
我评估了一些框架,如jQuery Mobile,Sencha Touch,但没有发现任何框架在移动版本中扩展其组件,就像在桌面版本上一样.
你有什么建议吗？
我想在AJAX请求上设置cookie值,但下面的代码不起作用.
$.ajax({
type: "GET",
url: "http://example.com",
cache: false,
setCookies: "lkfh89asdhjahska7al446dfg5kgfbfgdhfdbfgcvbcbc dfskljvdfhpl",
crossDomain: true,
dataType: 'json',
success: function (data) {
alert(data);
});
如何在标题中设置cookie？
jquery-mobile ×10
javascript ×4
jquery ×4
html5 ×3
ajax ×1
cookies ×1
css ×1
css3 ×1
firefox ×1
meteor ×1
mobile ×1
scroll ×1
sencha-touch ×1