标签: jquery-mobile
如何在jquery mobile中显示页面加载微调器
我试图在jquery mobile 1.3 Android原生应用程序中使用以下代码显示页面加载微调器,但它不起作用,任何人都可以帮助我解决问题是什么以及如何使其工作
</head>
<body>
<div id="createPage" data-role="page">
<script>
$("#createPage").on("pageshow", function(event, ui) {
$mobile.loading('show');
processCreateBtnAction(); //This takes 5 seconds to complete the operation
$.mobile.loading('hide');
});
</script>
<div data-role="header" data-position="fixed"></div>
推荐指数
解决办法
查看次数
使用JQuery Mobile来滑动和删除列表元素
我正在尝试一个设置简单列表的JQuery Mobile页面:
当我单击列表元素时,它们会突出显示并通过id存储到本地数组中.是否有一种简单(或不那么简单)的方法使所选元素在屏幕右侧滑动,其余元素崩溃以填补空白？
相关代码:
var selectedItems = []; // This is updated as items are selected
var deleteButtonTapped = function() {
// code here
};
编辑:如果它有任何针对性,在页面的实际实现中,我填充列表的项目将从数据库中提取,因此我将能够重新加载页面,删除的元素将不再出现.
推荐指数
解决办法
查看次数
Jquery mobile href链接不加载新页面
我是来自意大利的web devoper ...我有一个加载href示例的问题:我有一个带有此代码的one.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>dkrMobile</title>
<!--caricamento librerie-->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css">
</head>
<body>
<!-- LOGIN -->
<div data-role="page" id="loginPage">
<div data-role="content">
<div style=" text-align:center">
<img style="width: 70%;" src="http://www.laboncloud.it/dkrmobile/css/images/logdkr.png">
</div>
<form action="#pageFile">
<div data-role="fieldcontain">
<label for="userNameLogin">
Username
</label>
<input name="" id="userNameLogin" placeholder="" value="" type="text">
</div>
<div data-role="fieldcontain">
<label for="passwordLogin">
Password
</label>
<input name="" id="passwordLogin" placeholder="" value="" type="password">
</div>
<a data-role="button" data-theme="a" …推荐指数
解决办法
查看次数
另一个html上的Jquery移动javascript无法正常工作
所以我有2页的例子page1.html和page2.html.从第1页到第2页有一个href链接.但似乎page2.html中的javascript被忽略而未被调用.(尝试文件准备好,身体onload没有工作)
那么jquery mobile是否只接受第一页上的javascripts？
在调用page2.html后如何运行javascript？
jquery mobile感谢新手.
第2页上的示例代码与第1页类似:
<meta name="viewport" content="width=device-width, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css">
<script type="text/javascript" src="cordova-2.5.0.js"></script>
<script type="text/javascript" charset="utf-8" src="js/imageresize.js"></script>
<link rel="stylesheet" href="css/jquery.Jcrop.min.css" type="text/css" />
<script src="js/jquery.-1.10.1.min.js"></script>
<script>
$(document).bind("mobileinit", function(){
$.extend( $.mobile , {
defaultPageTransition:'none'
});
});
</script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
<body>
HELLO WORLD
</body>
<script>
$(function() {
alert('testing js');
});
</script>
推荐指数
解决办法
查看次数
jquerymobile - 以编程方式打开/关闭选择下拉列表
我试图以编程方式打开/关闭选择下拉内容,但我无法弄清楚如何在选择上调用"打开"和"关闭"
这是一个例子:小提琴
码
$(document).keyup(function(e){
if(e.which >= 48 && e.which <= 57){
$("#myselect").click();
$("#keyOpen").empty().text(e.which);
}else if(e.which >= 58 && e.which <= 90){
$("#myselect").trigger("click");
$("#keyClose").empty().text(e.which);
}
});
如果按下的键是数字(0-9),它应该打开,如果按下的键是char(az),则选择应该关闭.
这组char只是一个例子,我想将打开/关闭手势绑定到键盘输入.
有任何想法吗？
在此先感谢,最好的问候
推荐指数
解决办法
查看次数
jQuery通过$(this)遍历HTML
我有一个HTML文档,结构如下:
<section id="page1" data-role="page">
<a href="#" id="next-section" class="next-section" style=" cursor:e-resize"><div class="arearight" alt="go right" ></div></a>
<a href="#" id="prev-section" class="prev-section" style=" cursor:w-resize"><div class="arealeft" alt="go left" ></div></a>
...
</section>
<!-- more sections -->
我有以下代码来遍历它
$(":jqmData(role='page')").each(function() {
$(this).bind("swipeleft" goLeft); //goLeft and goRight are defined and working
$(this).bind("swipeleft", goRight);
//...
}
轻扫工作正常,但我想绑定到next-section和prev-section一个click行为调用goLeft和goRight,但我不知道如何通过访问这些$(this)对象.有没有人知道如何去找他们？
谢谢
推荐指数
解决办法
查看次数
jQuery mobile:等到$ .getJSON完成
我想通过$.getJSON调用填充表格:
$.getJSON("localhost/url",
function (data) {
$.each(data.reporting_list.reporting, function (i, item) {
rows = '<tr><td>' + item.data1 + '</td><td>' + item.data2 + '</td></tr>'
});
$('#aaa').append(rows);
});
填充后我想激活一些页面更改:
$.mobile.changePage("#homePage");
但页面在$.getJSON完成之前发生了变化.
我想在$.getJSON完成后更改页面并改为显示ajaxloader.
推荐指数
解决办法
查看次数
jQuery Mobile Click事件
这可能很简单,但我想进入这个查询的核心.
我正在为我的一个项目使用jQuery Mobile最新版本.按钮的单击事件的响应存在问题.
- 我必须双击该按钮才能触发它的click事件,并且开始处理该按钮的click事件处理程序需要一些时间.
问题1: jQuery搞砸了吗？
查询2:不能只需单击一下即可处理jQuery的click事件处理程序.
我在互联网上搜索但没有找到适当的解决方案.
推荐指数
解决办法
查看次数
以编程方式将可滚动div滚动到其顶部
我有一个固定高度的滚动div，里面有一个长长的列表。当我用长列表向下滚动时，我想滚动到可滚动div的顶部。我应该如何开始。
我试图找到任何答案，但所有答案都是使用scrollTop或offset来实现的，但我无法使其正常工作。我在可滚动的div上尝试了scrollTop，但始终未定义
我正在使用JQuery-mobile。
我有以下设置
<div id="scrollable">
<div id="inner">
<div id="content_wrapper">
<div>...</div>
<div>...</div>
...
</div>
</div>
<div>
scrollable是可滚动容器，将溢出-y应用于该容器。
我试过了
$('#scrollable').scrollTop(fixedvalue);
$('#scrollable').scrollTop($('$scrollable').offset());
$('#scrollable').scrollTop($('firstdivelement').offset());
$('#scrollable').scrollTop($('firstdivelement').position().top);
我对javascript不太满意。
推荐指数
解决办法
查看次数
JQuery/Javascript循环遍历JQuery Mobile滑块并从其值创建JSON字符串
在我的控制器中,我动态创建滑块html以传递给我的视图 - 所以我最终得到了多个滑块(可以是1个滑块,可以是20个,或者介于两者之间的任何数字 - 取决于来自数据库的查询).
我需要将每个滑块与数据库中的ID和价格相关联.
ExtraPrices数组保存与每个滑块关联的价格.ExtraIDs数组包含数据库中每个额外项的ID.
我想创建一个JSON字符串,它保存每个滑块的设置,并采用ExtraPrice和ExtraID,以便我有一个JSON字符串,我可以发送回我的代码.
HTML输出是:
<script>
var ExtraPrices = [20.00,30.00,50.00];
var ExtraIDs = [13,19,25];
</script>
<label for="slider1">item 1</label>
<input type="range" name="slider1" id="slider1" min="0" max="10" value="0">
<label for="slider2">item 2</label>
<input type="range" name="slider2" id="slider2" min="0" max="10" value="0">
<label for="slider3">item 3</label>
<input type="range" name="slider3" id="slider3" min="0" max="10" value="0">
我需要能够遍历两个数组,并将它们与相对滑块值绑定.Psuedo代码:
var count = 0;
var strJSon = "["
"RoomName": null,";
$.each('#slider').function(){
strJSon+= "{"
strJSon+= "\"ID\": " + ExtraIDs[count] + ",";
strJSon+= "\"Price\": " + ExtraPrices[count] + ",";
strJSon+= "\"Number\": " …推荐指数
解决办法
查看次数
标签 统计
jquery-mobile ×10
jquery ×8
javascript ×5
html ×2
json ×2
ajax ×1
asynchronous ×1
cordova ×1
double-click ×1
onclick ×1