html – 在jQuery Mobile中保留文本输入值

概述我有一些在jQuery Mobile中发现了一些stange行为,我甚至可以在演示网站上重现： >直接去http://jquerymobile.com/test/docs/forms/textinputs/ >在文本输入中输入内容 >点击页面上的任何链接,享受ajax-y动画 >使用浏览器的后退按钮返回 结果：在文本输入中输入的文本仍然存在.这就是我要的. 但是,如果您来自网站的某个地方,这会中断 我有一些在jquery Mobile中发现了一些stange行为,我甚至可以在演示网站上重现：

>直接去http://jquerymobile.com/test/docs/forms/textinputs/
>在文本输入中输入内容
>点击页面上的任何链接,享受AJAX-y动画
>使用浏览器的后退按钮返回

结果：在文本输入中输入的文本仍然存在.这就是我要的.

但是,如果您来自网站的某个地方,这会中断：

>转到http://jquerymobile.com/test/docs/forms/
>点击“文字输入”
>从上面做第2到4步

结果：在文本输入中输入的文本已消失.这不是我想要的.

我在Chrome for Desktop和windows Phone模拟器上进行了测试,两者都表现出相同的行为.如何始终保留在文本输入中输入的文本？在我的情况下,这是一个搜索框.我希望用户能够在从搜索结果导航回来之后优化搜索条件,而无需再次输入所有内容.

解决方法 这是因为,当你来自docs / forms时,AJAX在开始时被禁用.那么,jqueryMobile禁用dom-cache.你可以在加载jquerymobile.Js之前添加它来强制dom缓存：

$(document).bind("mobileinit",function() {    $.mobile.page.prototype.options.domCache = true;});

编辑：

我的解决方案有效,我只是尝试过：

>继续my demo page;
>点击“文字输入”
>在“文字输入：”中输入内容
>点击左侧的“搜索输入”(我的演示中只有一些链接可用)
>使用浏览器的后退按钮返回

你的文字还在那里！

(注意：这个page显示原始版本,有问题,所以没有domCache,证明我没有改变任何其他什么时候我复制jqueryMobile-Docs页面做我的演示).

总结

以上是内存溢出为你收集整理的html – 在jQuery Mobile中保留文本输入值全部内容，希望文章能够帮你解决html – 在jQuery Mobile中保留文本输入值所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。