在 jQuery Mobile 中加载大型嵌套列表的最快方法是什么?

2023-12-31

我有一个大型嵌套数组,是通过在 PHP 中解析 CSV 文件生成的。我让它以 JSON 格式输出,并让我的 jQuery Mobile 站点获取它,然后将其解析为 DOM 列表<ul>, <li>。这在我的桌面浏览器上运行良好,但在我的移动设备上似乎需要很长时间。

然后我让 PHP 脚本实际输出 HTML,并将其粘贴到我的 jQuery Mobile 站点中,看看是否可以加快速度。这基本上消除了任何数据的获取。 index.html 只是有一个非常大的嵌套<ul>在里面。我认为这肯定会加载得很快,但似乎需要甚至更长现在在我的移动设备(Nexus One 和 Blackberry)上。

有什么办法可以加快这个速度吗?这是一个演示http://pastehtml.com/view/bkrviwxp4.html http://pastehtml.com/view/bkrviwxp4.html

我在链接上尝试了数据预取,但这阻止了页面完全加载到黑莓上。


正如我所看到的,您正在一次处理所有元素,但是您不会一次显示所有元素。尝试仅处理这些将要显示的元素并将其添加到 DOM。即使只有一对元素(甚至有数千个元素),JQuery-mobile 本身也非常慢。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 jQuery Mobile 中加载大型嵌套列表的最快方法是什么? 的相关文章

  • Jquery mobile 中的选择选项出现问题

    我有一个表格 其中包含输入文本以及选择选项和按钮 单击按钮时将克隆表格行 除了选择选项之外 一切都工作正常 克隆表行后 选择选项不会显示我选择的内容 这是 JsFiddlehttp jsfiddle net aravinth Ad22d h
  • 在 jQuery Mobile 上禁用 data-role="header" 上的页面转换 [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 是否可以禁用 data role h
  • jquery 移动列表视图样式

    我正在尝试设置列表视图控件的样式 但遇到问题 当我将图像宽度设置为 40px 如标记中所示 时 我似乎无法让内容正确地向左对齐 IE 我不想要图像和文本之间的间隙 这是我的标记 ul class ui listview li class u
  • 在 jQuery Mobile 和 PhoneGap 中创建模板/持久页眉/页脚模板

    我正在深入使用 jQuery Mobile PhoneGap 编写移动应用程序 我在用着这个示例模板 http coenraets org blog 2011 10 sample application with jquery mobile
  • Jquery 移动弹出窗口在页面调整大小或滚动时在错误位置重新打开

    在 PC 浏览器中 存在弹出窗口在调整窗口大小时改变其位置的问题 我用谷歌搜索了一下 发现 JMF 有一个错误 将positionTo从origin codeSource更改为window 在移动浏览器中 我在页面滚动上遇到同样的问题 弹出
  • 使用phonegap检查互联网连接

    我看到了一些不同的选项来检查电话间隙的互联网连接 有document addEventListener online onOnline false 还有navigator network connection type 但我不确定哪一种是最
  • 如何在div的整个内容中禁用jquery mobile的样式?

    我从事 jQuery Mobile 的项目 在页面中 我想使用mobilescroll对于选择 I try data role none 但这对孩子不起作用 和mobilescroll创建自己的标签 如何在整个内容中禁用 jQuery Mo
  • jQuery 在 taphold 事件后调用 click 事件

    我正在使用 Jquery 和 Jquery Mobile 开发适用于 Android 的 PhoneGap 应用程序 我有一个项目列表 需要将两个事件绑定到列表中的每个项目 我需要一个 taphold 事件和一个 click 事件 我遇到的
  • Jquery Mobile Web:可以调用本机应用程序吗?

    我希望能够触摸移动网页上的链接并让它启动本机移动应用程序 例如 Skype 这似乎是一个巨大的安全问题 但我想知道移动环境是否允许这样做 编辑 是的 有用 对 document window myapp myparam 的 javascri
  • 可拖动的非模态弹出窗口 Jquery Mobile

    我希望在 Jquery mobile 中有一个弹出窗口 它不会阻止用户与页面交互 并且 data dismissible false 即当页面的另一部分与页面的另一部分交互并保持可见时 弹出窗口不会消失 我已经尝试过这个 popupNew
  • 为什么这个 jquery 代码不能在黑莓上运行?

    我正在使用 jquerymobile 开发phonegap 应用程序 但在黑莓 9780 中它没有向我显示警报 我的代码是 document addEventListener deviceready run false function r
  • Jquery 移动应用程序的奇怪行为

    我创建了一个应用程序 其中包含多个主页按钮 单击其中一个按钮 我的应用程序将重定向到某个视图 其中包含 JQM 表单 JQM 日历 文本字段 按钮和数据库等 我的问题是 当我在 Android 设备上测试我的应用程序时 即使我没有使用任何图
  • 将 jquery-mobile 与 Webpack 结合使用

    我正在尝试使用 webpack 加载 jquery mobile 但到目前为止还没有运气 我知道 jquery mobile 依赖于 jquery ui 而 jquery ui 又依赖于 jquery 如何在 Webpack 中设置这样的场
  • jQuery mobile-如何将选择的图标更改为自定义图标?

    我必须更改选择图标
  • Jquery Mobile 面板动态列表视图无法正确渲染

    我有一个 searchresults php 页面 其中显示了已找到的几个用户 searchresults php 页面上还有一个面板 div div div div 当我单击 用户 div 之一时 将触发以下 Jquery 函数来打开面板
  • AngularJS + jQuery 移动

    是否还有其他可能性来设计AngularJS以移动友好的方式应用程序CSS 我正在计划一个移动应用程序 并希望使用 AngularJS 进行逻辑和数据绑定 但我不想自己设计所有内容CSS The AngularJSFAQ说它使用jQuery
  • 如何在 jQuery Mobile 中将标题设置为全屏模式?

    当我设置属性时data fullscreen true 对于标题 它工作正常 但当我收到一些事件时 我确实需要在运行时执行此操作 我试过这个 document ready function data role header attr dat
  • 我有一个仅显示图标和标题的列表 无 JQM 格式 如果屏幕宽度低于 320 px 我想将列表转换为 JQM ul list 我可以通过 Jquery 添加属性 但是当我调用 menuList listview refresh 时我收到以下错
  • 如何在phonegap中同时使用相机API选择多个图像?

    如何同时选择或拾取多个图像phonegap camera API使用时Camera DestinationType FILE URI 我一次只能选择一张图像 我可以使用以下命令在 SD 卡中选择多个文件 包括 txt pdf this ht
  • Javascript 函数 - 将地理位置代码转换为街道地址

    我正在寻找一个 javascript 函数或 jquery 库来将地理位置代码 例如 42 2342 32 23452 转换为街道地址 举些例子 navigator geolocation getCurrentPosition functi

随机推荐