【问题标题】:JQuery Mobile, problem with loading form submitted pagesJQuery Mobile,加载表单提交页面的问题
【发布时间】:2011-06-09 15:55:14
【问题描述】:

我正在处理我们网站的移动视图。我正在尝试实施 JQuery 移动版,但我看到两个问题可能会阻止我继续并希望你们中的一些人有见解。

许多页面都是通过搜索找到的。但是,当从搜索框中调出页面时,我无法将其加载为 rel='external',因此页面通过 Ajax 加载。很好,除了加载的页面几乎总是被分解为 data-role='page' 的较大页面。因此,当页面加载时,它无法在该页面内导航,尽管它确实隐藏了次要部分。根据文档,我需要将 rel="external" 放在表单上,​​但这对我不起作用。是否可以通过表单提交在没有 Ajax 的情况下加载页面?

同一主题的第二个问题。在爬、走、跑时尚的第一步是一个基本的移动友好网站。但我希望这也可以成为基于 PhoneGap 的网站版本的基础。据我了解,如果页面并非总是在 Ajax 中加载,PhoneGap 的基本模型将会中断,因为它会触发浏览器加载。由于 JQM 需要通过 rel=external 加载任何嵌入了 data-role=page 部分的页面,这会关闭 Ajax 加载,这是否意味着使用 JQM 将排除以后使用 Phone Gap 创建本机客户端?

提前感谢您的任何回复。

【问题讨论】:

    标签: jquery-mobile


    【解决方案1】:

    下面的这个脚本应该放在你的 jquery min 和你的 jquery mobile min 之间。否则不会生效。在关闭这些 ajax 功能的情况下向 $.mobile 添加扩展可能会对您的问题有所帮助。不需要所有 3 个,但它们都值得为您的问题进行测试。

     <script>
        $(document).bind('mobileinit',function(){
    
            $.extend(  $.mobile , {
                        ajaxFormsEnabled: false,
                ajaxLinksEnabled: false,
                ajaxEnabled: false
    
            });
        });
    
    </script>
    

    Phonegap 用于构建手机应用程序,而不是移动网站。它由 Javascript 组成,可与特定库对话以与移动设备本身交互。

    【讨论】:

    • 谢谢 Brandon,我今天会把它放在适当的位置并报告。
    • 只是关于phonegap 的评论是为了构建手机应用程序,我认为它是手机应用程序架构中的最后一部分。所以首先建立一个移动网站。接下来以 HTML5 将本地存储添加到该站点。然后更改应用程序以使页面缓存页面组件。然后通过 AJAX 查询使主页加载元素。现在,Phone Gap 已准备好迁移到真正的手机应用程序。我看到你关于电话差距突破全屏模式的另一个问题。这与您的问题有关。
    • 我会调查的。为您的问题 +1
    猜你喜欢
    • 1970-01-01
    • 2023-04-04
    • 1970-01-01
    • 1970-01-01
    • 2015-05-28
    • 2013-10-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多