小编Gaj*_*res的帖子
带有history = false autocloses的JQuery Mobile弹出窗口
我试图显示弹出,但弹出自动消失,而历史=假弹出保持可见,但在随后关闭弹出窗口浏览器的后退动作被触发
<div data-role="page" id="indexpage">
<div data-role="popup" data-history="false" id="appPopup">test popup</div>
<script>
$("#indexpage").on("pageshow", function () {
$("#appPopup").popup("open");
});
</script>
</div>
检查这里发生了什么:http: //jsfiddle.net/francisdb/ThtfZ/
有关如何解决此问题的任何想法？
jquery setinterval jquery-mobile clearinterval jquery-mobile-popup
推荐指数
解决办法
查看次数
支持phonegap/jquery mobile中不同的屏幕尺寸
在android中我们有layout_weight和layout_height来设置图像/布局的宽度和高度.所以当我们有不同的屏幕尺寸时,它会自动调整到我们指定的屏幕宽度和屏幕高度.
他们的东西在phonegap/jquery手机中是否与它类似？
我想要一个页眉和页脚以及介于两者之间的图像.我尝试在CSS中添加标头.但图像在标题中重复,整个屏幕也可以滚动,但我想在屏幕上找到一个固定的图像,我想让图像自动调整到设备的屏幕尺寸.我是phonegap和jquery mobile的新手.
如何在页眉和页脚之间固定图像并自动调整到不同的屏幕尺寸？
这是html页面
<div data-role="page" id="timer">
<div data-role="header" data-position="fixed" data-tap-toggle="false" class="timerheader">
<h1></h1>
</div>
<div data-role="content">
<p><centre><img src="Image/timer.png" alt="" /></centre></p>
</div>
<div data-role="footer" data-position="fixed" data-tap-toggle="false" >
<h3><a href="#" data-role="button" data-inline="true" ><img src="Image/Next.png"/></a></h3>
</div>
</div>
谢谢:)
推荐指数
解决办法
查看次数
Jquery Mobile:添加下一个和上一个按钮
我正在开发一个在html页面上有数百页的项目.
我非常担心使用<a href=#ID" >子页面之间的向前移动来导航这些子页面.有没有办法在每个子页面中使用一个按钮,将我带到下一个子页面,我不必将每个子页面ID写入每个"下一步"按钮？
推荐指数
解决办法
查看次数
如何在jQuery Mobile中动态创建selectmenu？
我正在尝试动态创建一个select元素,但它不是由jQuery Mobile设计的.实现这一目标的正确方法是什么？
推荐指数
解决办法
查看次数
覆盖jquery移动按钮边距
我正在转动轮子,我确信这是一个简单的错误.
考虑以下jqm(版本1.3)视图(以haml为单位)
#main-header{'data-role' => 'header'}
#main-content{'data-role' => 'content'} #main-buttons
%input#a{'type' => 'button', 'name' => 'a', 'value' => 'A'}
%input#b{'type' => 'button', 'name' => 'b', 'value' => 'B'}
样式表:
#main-buttons {
margin: 30px;
margin-top: 160px;
}
#a {
margin-bottom: 60px !important;
}
这里我应用于按钮"a"的margin-bottom风格没有任何影响.我的目标是在两个按钮之间添加一些垂直空间.我错过了什么？
呈现的UI如下所示:
推荐指数
解决办法
查看次数
JQueryMobile:数据转换="回滚"或类似存在吗？
单击菜单中的"主页"按钮时,我想要反向移动页面转换(data-transition ="slide").是否存在类似data-transition ="slideBACK"的内容？
推荐指数
解决办法
查看次数
jQuery Mobile:通过changePage获取传递到页面的数据
我正在尝试将一个对象从一个页面传递到另一个页面并且符合JQM文档,这应该是正确的:
$.mobile.changePage( "about/us.html", { data: {paramUno:"Uno", paramDos:11} });
我的问题是,一旦us.html加载,我不确定访问这些值的最佳方法.我添加页面事件回调pageshow,pagebeforeshow,pageinit,和pagechange在任何情况下,event.data是undefined.什么是正确的方法来做到这一点？我宁愿不使用localStorage或global/namespaced var,除非这是我唯一的选择.
谢谢!
推荐指数
解决办法
查看次数
$(document).ready函数不会启动
我正在构建一个由几个jquery移动页面组成的项目,每个页面都有一个导航栏.
当我查看每个页面时,$(document).ready函数启动良好,但是当我通过导航栏进入页面时它不会启动..也在chrome调试器中我只看到一个html页面(我"我正在查看"在源文件夹中.
当我刷新页面时功能正常
试图用"$(document).ready(function(){"代替:
"$("div [data-role*='page']").live('pageshow',function(event,ui){"正如有人建议的那样
但这不起作用.
那是我加载的第一页:
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/jquery.mobile-1.2.0.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>
<link href="css/TableCSSCode.css" rel="stylesheet" type="text/css" />
<script>
$(document).ready(function () {
$.ajax({
type: "POST",
url: "getdata.aspx/return_member_list",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (res) {
var parsedData = JSON.parse(res.d);
var tableStr = "<table class='CSSTableGenerator'>";
$.each(parsedData, function () {
tableStr += "<tr><td>" + this.fName + "</td><td>" + this.lName + "</td></tr>";
});
tableStr …推荐指数
解决办法
查看次数
jQuery(移动)不会在Phonegap应用程序上触发.change事件
(因为2天我对此没有任何问题......)
我有一个多页面布局,在我的一个页面中,我有一个像这样的结构:
<div id="view_offer" data-role="page">
<div data-role="header">
<h1>Edit Offer</h1>
</div>
<div data-role="content">
<p><label><input id="auto_renew" type="checkbox" name="checkbox-0">Auto renew?</label></p>
</div>
</div>
在关闭body标记之前,使用以下脚本(按此顺序):
<script src="js/cordova-2.5.0.js"></script>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/jquery.mobile-1.3.0.min.js"></script>
<script src="js/home_m_scripts.js"></script>
我的home_m_scripts.js文件:
$("#auto_renew").change(function(){
alert("Changed!");
});
我的改变事件并没有触发,我在这里失去了.
推荐指数
解决办法
查看次数
jQPlot图表无法在jquery mobile弹出窗口中运行
我有一个使用jQPlot的折线图,需要在点击jquery移动弹出窗口时显示.不幸的是它没有出现..下面是我的代码.
<!DOCTYPE html>
<html>
<head>
<title>Line Charts and Options</title>
<link class="include" rel="stylesheet" type="text/css" href="jquery.mobile-1.3.0.css" />
<link class="include" rel="stylesheet" type="text/css" href="jquery.jqplot.min.css" />
<script class="include" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.mobile-1.3.0.js"></script>
<script type="text/javascript" src="jquery.jqplot.min.js"></script>
<script type="text/javascript" src="jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="jqplot.canvasAxisLabelRenderer.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="content">
<img src="downarrow_Green.svg" onclick="openpopup()"/>
<div id="mychartshow" style="height:150px; width:150px;"></div>
<div data-role="popup" id="ExchangeRate_graph" data-theme="c" align="left">
<div class="ui-grid-d">
<div class="ui-block-a" align="left">
<span>1y</span>
</div>
<div class="ui-block-b" align="left">
<span>6m</span>
</div>
<div class="ui-block-c" align="left">
<span>3m</span>
</div>
<div class="ui-block-d" align="left">
<span>1m</span>
</div>
<div class="ui-block-e" align="left"> …推荐指数
解决办法
查看次数
标签 统计
jquery ×10
jquery-mobile ×10
javascript ×5
cordova ×3
css3 ×3
html5 ×3
html ×2
android ×1
css ×1
jqplot ×1
setinterval ×1