我正在使用jquery mobile构建phonegap应用程序。我有一个页面div显示10个不同步骤中的每一个的类似数据。我的数据正在从JSON中读入。我可以通过单击一个按钮来正确评估步骤,并通过使用pagebefore show(如果我离开页面然后返回)显示此信息。但是当我点击它时,我希望按钮刷新(重新加载)当前页面和新信息。我似乎无法得到它的工作。我试过location.reload()
和其他一些无济于事。有人可以在这里帮助新手吗?刷新按钮上的div div点击
的Javascript:
var currentStep = 0;
$.getJSON("rubric.json", function(data) {
jsonRubric = data;
});
$("#nextStep").on('click', function() {
if (currentStep <9){
currentStep += 1;
location.reload(true);}
});
function setRubricInfo() {
$('#rubricTitle').html(jsonRubric.rubric[currentStep].title);
$('#criteria').html(jsonRubric.rubric[currentStep].criteria);
$('#meets').html(jsonRubric.rubric[currentStep].meets);
$('#dnmeet').html(jsonRubric.rubric[currentStep].dnmeet);
$('#exceeds').html(jsonRubric.rubric[currentStep].exceeds);
}
$("#stepOneRubric").on("pagebeforeshow", function(){
setRubricInfo();
});
"#nextStep"
是我的按钮,"#StepOneRubric"
是我的网页DIV。内容的所有变化都发生在当前pagebeforeshow上。
HTML:
<!-- Step 1 Rubric/page14 -->
<div id="stepOneRubric" data-role="page">
<div data-role="header" data-theme="a"> <a class="ui-btn-left" href="#eightStepHome" data-role="button" data-iconpos="notext"
data-icon="arrow-l"> Button </a>
<h3> Step One Rubric </h3>
</div>
<div data-role="content">
<div align="center">
<h4 id="rubricTitle"> sfasfd </h4>
</div>
<div id=rubricCollapsible data-role="collapsible-set">
<div data-role="collapsible" data-collapsed="true">
<h3> Criteria </h3>
<p id="criteria"> Critera text</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3> Does Not Meet </h3>
<p id="dnmeet"> Critera text</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3> Meets </h3>
<p id="meets"> Critera text</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3> Exceeds </h3>
<p id="exceeds"> Critera text
<div data-role="controlgroup" data-type="horizontal">
</div>
</div>
</div>
</div>
<a href="#stepOneRubric" id= "nextStep" data-role="button" data-theme="b" > Next
</a>
<div id = "nextStep" a href = "#stepOneRubric" data-role="button" data-theme="b" > Next
</div>
</div>
'live'已被弃用 – PitaJ 2013-04-29 15:29:03
什么'currentStep',并在它与取它的价值? – giorgian 2013-04-29 15:29:31
这是一个黑客,但location.href = location.href是强制重新加载(而不是location.reload()),至少在铬上,也许它有帮助 – 2013-04-29 15:32:01