Jquery mobile 如何通过“后退”按钮刷新页面
我对jquerymobile完全陌生，只是想了解它在我的环境中是如何工作的 在第1页，我显示了从服务器上下来的值。我要做的是转到第2页设置值，然后按“上一步”使第1页显示更新的值 当前，当我回击时，它会显示原始值，我需要手动进行部分或完全刷新以更新它们 我如何告诉jQuery Mobile在点击后退按钮时自动刷新页面？我使用的是data rel=“back” 我想我想看看是否有一个通用的设置为这个或什么。类似于$.mobile.ajaxEnabled=false；我需要在我的环境中打开它才能让事情正常进行 谢谢 更新： 我在这里为每个请求添加了一些代码。我不确定这是否真的有用。但事情是这样的。我试图在IBMXPages应用程序的上下文中使用jQueryMobile。XPages基本上是JavaServerFaces，但它内置了Dojo1.8.1来处理某些事情，比如自动部分刷新Div。例如，在一个按钮上，我可以编写服务器端代码，对一个Java托管Bean进行int，得到一个结果，并让它部分刷新网页上的一个div。很酷的东西。但我想问题是jquerymobile和使这些功能正常工作的内置Dojo之间存在冲突。我不想使用Dojo的移动部分，因为jQuery看起来好多了 无论如何，我通过确保在加载dojo片段之前加载jQueryMobile来让它工作。另一种方法根本不起作用。我希望使用单个页面，而不是一个虚拟页面 我不确定我是否真的关心缓存，因为页面几乎总是在变化。我正在使用iPad和条形码扫描仪开发一个库存应用程序。例如，在第1页，我扫描了一个项目。然后我可能会移动到第2页，让用户对项目做一些事情，在点击后退按钮时，我希望第1页刷新，以便使用任何新信息更新它 谢谢你的建议Jquery mobile 如何通过“后退”按钮刷新页面,jquery-mobile,dojo,xpages,Jquery Mobile,Dojo,Xpages,我对jquerymobile完全陌生，只是想了解它在我的环境中是如何工作的 在第1页，我显示了从服务器上下来的值。我要做的是转到第2页设置值，然后按“上一步”使第1页显示更新的值 当前，当我回击时，它会显示原始值，我需要手动进行部分或完全刷新以更新它们 我如何告诉jQuery Mobile在点击后退按钮时自动刷新页面？我使用的是data rel=“back” 我想我想看看是否有一个通用的设置为这个或什么。类似于$.mobile.ajaxEnabled=false；我需要在我的环境中打开它才能让事
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="/xsp/.ibmxspres/.mini/css/@Da&@Ib&2Tfxsp.css&2TfxspLTR.css&2TfxspSF.css.css">
<script type="text/javascript" src="/xsp/.ibmxspres/dojoroot-1.8.1/dojo/dojo.js" djConfig="locale: 'en-us'"></script>
<script type="text/javascript" src="/xsp/.ibmxspres/.mini/dojo/.en-us/@Iq.js"></script>
<script type="text/javascript">dojo.require('ibm.xsp.widget.layout.xspClientDojo')</script>
<link rel="stylesheet" type="text/css" href="/jqm.nsf/themes/czarnowskiMobile.min.css">
</head>
<body class="xspView tundra">
<form id="view:_id1" method="post" action="/jqm.nsf/home.xsp" class="xspForm" enctype="multipart/form-data">
<div data-role="page" data-theme="b">
<div data-role="header">
<h1><span id="view:_id1:_id2:computedField1" class="xspTextComputedField">Scanner</span></h1></div>
<div data-role="content">
<div id="view:_id1:_id2:callback3">
<ul data-role="listview"><li><a id="view:_id1:_id2:callback3:link2" href="/jqm.nsf/menuFacility.xsp" class="xspLink">Facility Menu</a></li><li><a id="view:_id1:_id2:callback3:link3" href="/jqm.nsf/menuShow.xsp" class="xspLink">Show Menu</a></li></ul><br><div id="view:_id1:_id2:callback3:_id12:timePanel">
<table><tr><td><span id="view:_id1:_id2:callback3:_id12:label1" class="xspTextLabel">viewScope</span></td>
<td><span id="view:_id1:_id2:callback3:_id12:computedField1" class="xspTextComputedField"></span></td>
<td><button class="xspButtonCommand" type="button" name="view:_id1:_id2:callback3:_id12:button1" id="view:_id1:_id2:callback3:_id12:button1" data-role="none">Update</button></td>
<td><button class="xspButtonCommand" type="button" name="view:_id1:_id2:callback3:_id12:button3" id="view:_id1:_id2:callback3:_id12:button3" data-role="none">Clear</button></td>
</tr>
<tr><td><span id="view:_id1:_id2:callback3:_id12:label2" class="xspTextLabel">sessionScope</span></td>
<td><span id="view:_id1:_id2:callback3:_id12:computedField2" class="xspTextComputedField"></span></td>
<td><button class="xspButtonCommand" type="button" name="view:_id1:_id2:callback3:_id12:button2" id="view:_id1:_id2:callback3:_id12:button2" data-role="none">Update</button></td>
<td><button class="xspButtonCommand" type="button" name="view:_id1:_id2:callback3:_id12:button4" id="view:_id1:_id2:callback3:_id12:button4" data-role="none">Clear</button></td>
</tr>
<tr><td>Current Time</td>
<td><span id="view:_id1:_id2:callback3:_id12:computedField3" class="xspTextComputedField">7:39:40 PM</span></td>
<td></td>
<td></td>
</tr>
<tr><td><button class="xspButtonCommand" type="button" name="view:_id1:_id2:callback3:_id12:button5" id="view:_id1:_id2:callback3:_id12:button5" data-role="none">Partial Refresh</button></td>
<td><button class="xspButtonCommand" type="button" name="view:_id1:_id2:callback3:_id12:button6" id="view:_id1:_id2:callback3:_id12:button6" data-role="none">Full Refresh</button></td>
<td></td>
<td></td>
</tr>
<tr><td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</div>
</div>
<div data-role="footer" data-position="fixed">
<div id="view:_id1:_id2:callback2">
Footer Test</div>
</div>
</div>
<script> $.mobile.ajaxEnabled = false;
$.mobile.pushStateEnabled = false;</script>
<input type="hidden" name="$$viewid" id="view:_id1__VUID" value="!dgljtbhtgw!">
<input type="hidden" name="$$xspsubmitid">
<input type="hidden" name="$$xspexecid">
<input type="hidden" name="$$xspsubmitvalue">
<input type="hidden" name="$$xspsubmitscroll">
<input type="hidden" name="view:_id1" value="view:_id1"></form>
<script type="text/javascript">
XSP.addOnLoad(function() {
XSP.attachPartial("view:_id1:_id2:callback3:_id12:eventHandler1", "view:_id1:_id2:callback3:_id12:button1", null, "onclick", function(){}, 2, "view:_id1:_id2:callback3:_id12:timePanel");
XSP.attachPartial("view:_id1:_id2:callback3:_id12:eventHandler3", "view:_id1:_id2:callback3:_id12:button3", null, "onclick", function(){}, 2, "view:_id1:_id2:callback3:_id12:timePanel");
XSP.attachPartial("view:_id1:_id2:callback3:_id12:eventHandler2", "view:_id1:_id2:callback3:_id12:button2", null, "onclick", function(){}, 2, "view:_id1:_id2:callback3:_id12:timePanel");
XSP.attachPartial("view:_id1:_id2:callback3:_id12:eventHandler4", "view:_id1:_id2:callback3:_id12:button4", null, "onclick", function(){}, 2, "view:_id1:_id2:callback3:_id12:timePanel");
XSP.attachPartial("view:_id1:_id2:callback3:_id12:_id32", "view:_id1:_id2:callback3:_id12:button5", null, "onclick", function(){}, 2, "view:_id1:_id2:callback3:_id12:timePanel");
XSP.attachEvent("view:_id1:_id2:callback3:_id12:_id34", "view:_id1:_id2:callback3:_id12:button6", "onclick", null, true, 2);
});
</script>
</body>
</html>
require（'ibm.xsp.widget.layout.xspClientDojo'）
扫描仪
可视范围
更新
清楚的
会话范围
更新
清楚的
当前时间
下午7:39:40
部分刷新
完全刷新
页脚测试
$.mobile.ajaxEnabled=false；
$.mobile.pushStateEnabled=false；
XSP.addOnLoad（函数（）{
attachPartial（“视图：_id1:_id2:callback3:_id12:eventHandler1”，“视图：_id1:_id2:callback3:_id12:button1”，null，“onclick”，function（）{}，2，“视图：_id1:_id2:callback3:_id12:timePanel”）；
attachPartial（“视图：_id1:_id2:callback3:_id12:eventHandler3”，“视图：_id1:_id2:callback3:_id12:button3”，null，“onclick”，function（）{}，2，“视图：_id1:_id2:callback3:_id12:timePanel”）；
attachPartial（“视图：_id1:_id2:callback3:_id12:eventHandler2”，“视图：_id1:_id2:callback3:_id12:button2”，“null”，“onclick”，function（）{}，2，“视图：_id1:_id2:callback3:_id12:timePanel”）；
attachPartial（“视图：_id1:_id2:callback3:_id12:eventHandler4”，“视图：_id1:_id2:callback3:_id12:button4”，null，“onclick”，function（）{}，2，“视图：_id1:_id2:callback3:_id12:timePanel”）；
attachPartial（“视图：_id1:_id2:callback3:_id12:_id32”，“视图：_id1:_id2:callback3:_id12:button5”，null，“onclick”，function（）{}，2，“视图：_id1:_id2:callback3:_id12:timePanel”）；
附加事件（“视图：_id1:_id2:回调3:_id12:_id34”，“视图：_id1:_id2:回调3:_id12:按钮6”，“onclick”，null，true，2）；
});
锚定上的