Jquery-Mobile:如何重载/刷新内部页面
Jquery-Mobile: How to reload/refresh the internal page
我有2个页面(即在容器页(即:page.html)。在第一页,我只有一个按钮,如果你点击,然后它将导航到第二页。当你从第二页回到第一页,再次点击导航到第二页的按钮,此时我想重新加载/刷新页面。我试过了,但是没有人能帮我吗?
代码如下:
<div data-role="page" id="page_1" >
<div data-role="content" id="contentlogin">
<a href="#" onclick="refresh();" data-role="button" id="login">Navigation</a>
</div>
</div>
<div data-role="page" id="page_2" >
<div data-role="content" id="contentlogin">
//Some Form elements are there
</div>
</div>
<script type="text/javascript">
function refresh()
{
$.mobile.changePage($("#page_2"), {transition: "pop",reloadPage: true});
}
</script>
谢谢
你可以尝试这样做:
- http://jsfiddle.net/sJdfy/4/
JS
$('#page_3').live('pageshow',function(event, ui) {
// refresh specific element
$('#refresh').val('');
});
$('#page_2').live('pageshow',function(event, ui) {
// refresh all elements
var allInputs = $(':input');
allInputs.val('');
});
HTML <div data-role="page" id="page_1" >
<div data-role="content" name="contentlogin">
<a href="#page_2" data-role="button" id="login">Navigate to page 2</a>
<a href="#page_3" data-role="button">Navigate to page 3</a>
Yeah Page 1
</div>
</div>
<div data-role="page" id="page_2" >
<div data-role="content" name="contentlogin">
<a href="#page_1" data-role="button">Navigate to page 1</a>
<!-- Some Form elements are there -->
Hello we are on Page 2<br />Refresh All Elements<br /><br />
<label for="basic1">Text Input 1 (Refresh):</label>
<input type="text" name="name1" id="basic1" value="" />
<label for="refresh1">Text Input 2 (Refresh):</label>
<input type="text" name="name21" id="refresh1" value="" />
<br /> Enter in some values, Navigate to Page 1 and back to Page 2
</div>
</div>
<div data-role="page" id="page_3" >
<div data-role="content" name="contentlogin">
<a href="#page_1" data-role="button">Navigate to page 1</a>
<!-- Some Form elements are there -->
Hello we are on Page 3<br />Refresh Specific Elements<br /><br />
<label for="basic">Text Input 1:</label>
<input type="text" name="name" id="basic" value="" />
<label for="refresh">Text Input 2 (Refresh):</label>
<input type="text" name="name2" id="refresh" value="" />
<br /> Enter in some values, Navigate to Page 1 and back to Page 3
</div>
</div>
相关文章:
- 强制模板刷新ember.js
- 如何通过ajax刷新JSF填充的javascript变量
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 调用函数内部的函数
- 如何使用js将SNAPSHOT内部版本号转换为3位数的整数
- 如何解决Yii中的页面刷新问题
- 在phonegap应用程序内部重定向不起作用
- 使用此选项选择父类内部的类
- 访问JSON对象内部的数组元素
- 在网格视图的自动刷新过程中,设置内部网格视图文本框的可见性
- 使用 jQuery 进行内部 HTML 刷新
- 使用 JavaScript 刷新内部页面
- 在内部页面链接上强制刷新页面
- 使用不同的域从内部刷新iframe
- Jquery-Mobile:如何重载/刷新内部页面
- 点击模态内部按钮后刷新或重新加载模态
- 如何从父文档捕获iframe内部的刷新
- Javascript -是否可以缓存元素的内部html,以便在页面刷新后我可以渲染缓存的元素
- 每次刷新时从更新面板内部执行 JavaScript
- 在调用内部函数时刷新参数值