【问题标题】:jquery mobile - make back button submit form from previous page?jquery mobile - 从上一页制作后退按钮提交表单?
【发布时间】:2012-12-26 16:40:19
【问题描述】:

现在我有一个移动页面,它是一个搜索表单。用户搜索并返回一些结果。每个结果都是一个链接,其中包含有关结果的更多详细信息。用户单击详细信息,然后单击返回。这会将他们带回搜索页面,但之前的搜索不再存在。

当用户返回搜索表单时,重做搜索(或缓存结果)的最佳方式是什么?

【问题讨论】:

    标签: jquery jquery-mobile browser-history


    【解决方案1】:

    您的选择很少,这完全取决于您是否打开/关闭了 ajax。如果您的 ajax 已打开,可以这样做:

    我。对包含表单页面的 div 容器使用这个 sintax:

    <div class="page" data-role="page" data-dom-cache="true">
    

    由于 data-dom-cache="true",jQM 不会从 DOM 中删除该页面,并且您的所有表单数据都会被记住。

    二。代替经典的表单提交,使用 $.ajax 提交您的数据,然后手动更改页面。这仅在页面未使用服务器端代码呈现时才有效。

    三。在表单提交之前,将所有表单数据存储在某个 javascript 对象中,然后在表单页面 pagebeforeshow 事件中再次加载。

    四。如果关闭了 ajax 并且您使用 phonegap 作为应用程序包装器,请将您的表单数据存储在本地 SQL light 数据库中。

    【讨论】:

    • 正确的属性是 data-dom-cache="true" 但感谢您指出它:)
    • sry m8,我已经做了很多次了,我应该在眨眼间就知道了。 :)
    【解决方案2】:

    查看此示例以使用搜索输入进行搜索:

    jQuery Mobile Example - Paged Search Results

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多