jQuery Mobile 页面刷新机制 [英] jQuery Mobile Page refresh mechanism
问题描述
我很难理解 jQuery Mobile 如何在 ajax 更新后处理页面刷新.
我有一个两页 - 独特的文件站点:一个搜索引擎.
首页是搜索栏.提交触发 JSON 调用和解析器,更新第二页:结果.
现在我正在使用: $.mobile.changePage( $('#result') );
从搜索字段到结果页面都做得很好.然而:如果我从结果页面中将其重用于下一个/上一个页面(新的 json 调用、新的解析、DOM 中新添加的节点);Jquery Mobile 只是不要绘制"新添加的节点.
谁能解释一下,请说明使用和区别1- $.mobile.page()
2- $.mobile.changePage()
3- $.mobile.refresh()
或者给我一个关于我应该如何处理页面更改的提示.谢谢!
function refreshPage(){jQuery.mobile.changePage(window.location.href, {allowSamePageTransition: 真,过渡:'无',重新加载页面:真});}
取自这里 http://scottwb.com/blog/2012/06/29/reload-the-same-page-without-blinking-on-jquery-mobile/ 也在 jQuery Mobile 1.2.0 上测试>
I'm having a lot of pain understanding how jQuery Mobile handles pages refresh after an ajax update.
I'm having a two pages - unique file site: a search engine.
First page is a search field. Submit triggers a JSON call and parser which updates the second page: results.
for now i'm using: $.mobile.changePage( $('#result') );
which does the job great from search field to result page.
However:
If I reuse it from result page for next/prev pages ( new json call, new parse, new added nodes in the DOM );
Jquery Mobile just don't "paint" the newly added nodes.
can anyone explain, please the use and distinction of
1- $.mobile.page()
2- $.mobile.changePage()
3- $.mobile.refresh()
or give me a hint on how I should handle page changes. thanks!
function refreshPage()
{
jQuery.mobile.changePage(window.location.href, {
allowSamePageTransition: true,
transition: 'none',
reloadPage: true
});
}
Taken from here http://scottwb.com/blog/2012/06/29/reload-the-same-page-without-blinking-on-jquery-mobile/ also tested on jQuery Mobile 1.2.0
这篇关于jQuery Mobile 页面刷新机制的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!