标签: jquery-mobile
jquerymobile弹出功能在onClick中不起作用
我有:
<div data-role="page" class="type-interior">
<div data-role="content" class="ui-body">
<a href="#transitionExample" data-role="button" data-rel="popup">
Pop Up
</a>
<div data-role="popup" id="transitionExample">This is a POP UP.</div>
<a href=# onClick="$('transitionExample').popup('open')"
data-rel="popup">OpenPopUp</a>
</div>
</div>
如果我点击Button It Works,但如果我使用Javascript方法.popup('open'),则没有任何反应.Popup没有显示.
怎么了？我使用JqueryMobile 1.2.0和JQuery 1.8.2.
推荐指数
解决办法
查看次数
滑块以特定值显示元素
我希望有一个类似于这个的jQuery /任何滑块,但功能更多.
我将在我的HTML代码,图像,文本和可能的一些div中使用元素,默认情况下应该隐藏这些元素,但是当滑块达到特定值时,图像/文本/应该连续显示.
因此,在值0处,例如,仅显示一个图像,然后在值1处弹出另一个图像,依此类推.
是否有任何预制的jQuery插件,或者我将如何进行此操作？
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Tutorial on Codeforest.net</title>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css">
<style>
#slider {
margin: 10px;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script>
var img1 = $('<img\>').attr('src', 'http://lorempixel.com/400/200/');
var img2 = $('<img\>').attr('src', 'http://lorempixel.com/300/200/');
var foto = $('#foto');
foto.html(img1);
$("#slider").slider({
slide: function(event, ui) {
if (ui.value > 50) {
$('#foto').html(img2);
} else {
$('#foto').html(img1);
}
}
});
</script>
</head>
<body>
<div id="slider"></div>
<div id="foto"></div>
</body>
</html>
推荐指数
解决办法
查看次数
jquery if else语句
我在这做错了什么？这是在jquery-mobile上.
$('.ui-checkbox').click(function() {
if (
$('.ui-checkbox label.ui-checkbox-off').removeClass('off').addClass('on')) {
}else {
$('.ui-checkbox label.ui-checkbox-on').removeClass('on').addClass('off');
}
});
第一部分有效,但不是第二次点击时.
推荐指数
解决办法
查看次数
jQuery Mobile和jQuery Validate
我正在使用jQuery Mobile和jQuery验证并且无法使其工作.到目前为止,这是我的代码.
$('#submit').on('click', function() {
$("#page2 form").validate({
rules: {
firstName: "required",
lastName: "required"
},
});
});
这不起作用.我也尝试过只是通过包含没有点击事件的验证,这也不起作用.想法？
更新:如果有人看到这个,代码很好,我的标记有错误.尽管如此,Sparky仍然是一个很好的答案.
推荐指数
解决办法
查看次数
如何在jquery mobile中获取datebox close事件
嗨我正在使用JqueryMobile-1.3.0和Cordova-2.1.0 for iOS app.I我正在使用jqm datebox进行日期选择.一切正常但我想捕获日期框的关闭事件,因为我想要做什么时候日期框已关闭.如何做到这一点？
推荐指数
解决办法
查看次数
如何在jquery mobile中动态创建列表时创建自动列表分隔符
我已动态创建了一个消息列表.我有一个<ul>标签,我正在动态生成一个列表.但是,我不知道如何添加列表分隔符.我可以调用js中的刷新方法,在我列出之后会添加分隔符吗？
这就是我所拥有的:
<ul id="messages" data-autodividers="true" data-role="listview" data-theme="c">
//a list of <li> are dynamically generated here
</ul>
这只会将列表分隔符附加到最顶层,我需要在<li>标记内部使用其中的几个.我的列表<li>是消息.我希望能够按日期分割,这样可以更容易使用.
推荐指数
解决办法
查看次数
打开jQueryMobile的对话框,其中包含指向不同文件中指定的jQueryMobile页面的链接
我有两个文件 - index.html和c.html.
当我输入
<a data-rel="dialog" data-transition="flip" href="c.html">button</a>
在index.html中,它的工作原理应该是将c.html显示为对话框.然而使用
<a data-rel="dialog" data-transition="flip" href="c.html#0">button</a>
根本不起作用(我希望它在c.html中显示id ="0"页面).如何使它工作？
推荐指数
解决办法
查看次数
如果单击导航栏ID,则为jQuery Mobile Alert
我正在尝试修改以下jQuery Mobile代码,以显示是否单击了带有"e"的导航栏.下面的代码适用于所有导航栏项,但我只希望在单击带有"e"的导航栏时显示警报.任何帮助修改这将是伟大的.非常感谢!
$(document).on('pagebeforeshow', '#p_page', function(event){
$('div[data-role="navbar"] a').live('click', function () {
alert("div E clicked");
});
});
推荐指数
解决办法
查看次数
在mailto:body我想输入一些输入字符的文字
我想创建一个mailto链接,其中包含预设的正文内容,其中一些文字显示在新行上.它类似于下面的图像.
目前我使用下面的命令创建它,但正文文本与br标签一起出现
<a href="mailto:sales@xyz.com&subject=Want to subscribe (Android)&body=Name: <br>Business: <br>Address: <br>Contact No.:">
你能帮助我实现这个目标吗？
推荐指数
解决办法
查看次数
在jQuery Mobile 1.3中使用Ajax调用显示页面加载器(Spinner)
我有一个jQuery Mobile 1.3.0应用程序正在进行Ajax调用以动态加载数据.我已经在jQuery Mobile的早期版本中看到过这样做的各种选项(请参阅jQuery Mobile中的Ajax Call上的Show Page Loading Spinner),但是没有找到1.3的答案.
Ajax调用类似于:
$.getJSON(url, function(data) {
console.log(JSON.stringify(data));
$.each(data.cards, function(index, card) {
$('#card-name').text(card.title);
});
});
为每个Ajax调用显示加载微调器的最佳方法是什么？
推荐指数
解决办法
查看次数