Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery手机:处理大过滤列表

jQuery手机:处理大过滤列表
EN

Stack Overflow用户
提问于 2013-04-21 09:15:40
回答 2查看 1K关注 0票数 0

我有一台jQuery手机,按字母顺序排列,按以下顺序划分:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
        <ul id="theList" data-role="listview" data-filter="true" data-filter-placeholder="Search ticker or firm name..." data-inset="true">
                <li data-role="list-divider">A</li>
                <li data-filtertext="itemName"><a href="#">Item</a></li>
                 .
                 .
                <li data-role="list-divider">B</li>
                <li data-filtertext="itemName"><a href="#">Item</a></li>
                 .
                 .
        </ul>

在页面加载时,我使用随机生成的1000个条目填充列表,并将其放入sqlite数据库。最初生成和显示列表是很顺利的。问题是,因为这是一个过滤的列表,我希望用户能够搜索它。对于这么多的项目,搜索是相当缓慢的。

处理这件事的好策略是什么?也许我可以按需查询数据?以下是我要做的工作:

  • 一个我可以查询的SQLITE数据库
  • 某种类型的名单。我想把这份清单按ABC的顺序排列。
  • 名单上有分隔符。

我想把这个比例扩大到N个项目,这样列表可以很大,但仍然运行顺利。我不知道这个名单还能有多大。

EN

回答 2

Stack Overflow用户

发布于 2013-04-22 03:38:19

您的搜索不应该缓慢地运行1000项。一个很好的匹配/不匹配算法可以在小于O(N)的情况下运行,而且由于您要保持排序顺序不变,所以不能从快速排序中添加N!。我能看看你的jQuery过滤器特定的代码吗?当演出开始时,我会给你建议。

至于您想要这样做的实际方式,如果最初不想加载1000个请求,可以考虑使用AJAX加载和分页。

票数 0
EN

Stack Overflow用户

发布于 2013-05-21 02:15:57

我正在开发一款phonegap应用程序,发现jquerymobile过滤器速度非常慢--我不得不等待2-3秒才能将每个键按键输入搜索框;这对iOS来说比对Android更糟糕。

最后,我放弃了,现在使用的是可数据,而不是listview --它速度更快,功能更多。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16133941

复制
相关文章
jQuery 遍历- 过滤
三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。
陈不成i
2021/07/22
9870
vue列表过滤
一种常见的列表过滤方式是使用计算属性。计算属性是Vue.js提供的一种便捷的属性,它根据已有的数据计算出一个新的属性,并将结果缓存起来,只在相关依赖发生改变时才重新计算。通过使用计算属性,可以根据特定的条件过滤列表数据。
堕落飞鸟
2023/05/21
5910
python 列表过滤
-------or values = ['1', '2', '-3', '-', '4', 'N/A', '5'] def is_int(val): try: x = int(val) return True except ValueError: return False ivals = list(filter(is_int, values)) print(ivals)
用户5760343
2019/09/25
9440
jQuery选择集过滤
1. 选择集过滤的介绍 选择集过滤就是在选择标签的集合里面过滤自己需要的标签 2. 选择集过滤的操作 has(选择器名称)方法,表示选取包含指定选择器的标签 eq(索引)方法,表示选取指定索引的标签 has方法的示例代码: <script> $(function(){ // has方法的使用 var $div = $("div").has("#mytext"); // 设置样式 $div.css({"background":"re
落雨
2022/03/01
29.6K0
jQuery对象的过滤
在jQuery中,可以使用过滤方法来对元素进行筛选和过滤,以获取特定的元素集合。过滤方法可以帮助我们根据不同的条件选择所需的元素。
堕落飞鸟
2023/05/18
5000
jQuery 过滤选择器
名称 用法 描述 :eq(index) $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中,选择索引号为2的元素,索引号index从0开始。 :odd $(“li:odd”).css(“color”, ”red”); 获取到的li元素中,选择索引号为奇数的元素 :even $(“li:even”).css(“color”, ”red”); 获取到的li元素中,选择索引号为偶数的元素 案例: <!DOCTYPE html> <html lang="zh-CN"> <he
兮动人
2021/06/11
6940
jQuery 过滤选择器
JQuery生成图片列表
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>生成图片列表</title> 5 <style type="text/css"> 6 *{ margin: 0px; padding: 0px; } 7 .bpp4{ width: 700px; height: 280px; padding-left: 10px; padding-bottom: 10px; border: 1px solid #333333
彼岸舞
2020/09/30
7.7K0
html手机端下拉菜单代码,jQuery手机移动端下拉列表选择代码「建议收藏」
$(‘.downlist’).eq($(“.retrie dt a”).index($(this)[0])).show();
全栈程序员站长
2022/07/31
5.7K0
jQuery过滤选择器
jQuery是一个流行的JavaScript库,用于简化HTML文档的操作和动态交互。在jQuery中,过滤选择器是一种非常有用的选择器,用于根据特定的条件筛选元素。
堕落飞鸟
2023/05/18
2440
jquery图片幻灯片(小图列表,大图展示)
先来个效果图(没有服务器,没办法提供演示版) 效果不如FLASH版的好,接下来我就发出FLASH版的来 全部代码如下所示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <META HTTP-EQUIV="Co
liulun
2022/05/09
2.3K0
jquery图片幻灯片(小图列表,大图展示)
python列表过滤的方法
在python中,对列表这样的数据结构进行过滤,提取自己需要的元素,组成新的列表,是很常见的操作,这就要自然而然的用到列表过滤了,而常用的过滤当然就是循环后通过if进行,但是这样子,显然就是代码的开支有些大。
py3study
2020/01/13
1.7K0
jQuery事件处理
在jQuery中,事件处理是一项重要的功能,它使我们能够对元素的各种交互行为做出响应。jQuery提供了一系列方法来绑定、解绑和触发事件,以及操作事件对象。
堕落飞鸟
2023/05/18
8520
JQuery事件处理
Jquery事件 1、  绑定事件示例代码: <a href=”#”>绑定事件</a> <div style=”display:none;”> 什么是绑定事件?这是隐藏的内容,点击上面的内容会显示这里的内容。 </div> <script language=”javascript”> //单击显示,再次点击隐藏 /*$(function(){ $(“a”).bind(‘click’,function(){ if($(this).next().is(“:visible”)){ $(this).next().h
苦咖啡
2018/05/07
2.8K0
jquery 列表可拖动排序 sortable
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery UI Sortable</title> <style type="text/css"> #myList{ width: 80px; background: #EEE; padding: 5px; list-style: none; } #myList a{ text-decoration: none; color: #0077B0; } #myList a:hover{ text-decoration: underline; } #myList .qlink{ font-size: 12px; color: #666; margin-left: 10px; } </style> </head> <body> <ul id="myList"> <li><a href="#">心情</a></li> <li> <a href="#">相册</a> <a href="#" class="qlink">上传</a> </li> <li> <a href="#">日志</a> <a href="#" class="qlink">发表</a> </li> <li><a href="#">投票</a></li> <li><a href="#">分享</a></li> <li><a href="#">群组</a></li> </ul>
用户5760343
2019/10/10
2.4K0
jquery 列表可拖动排序 sortable
jquery 示例 - todolist(计划列表)实例
但是这种写法存在一个问题,就是新增加的li标签是无法删除的。这种情况就需要才用事件委托给ul来处理比较好了。
Devops海洋的渔夫
2019/05/30
1.4K0
jQuery将form列表转JSON
一、form表单序列化后的格式 image.png 二、JS 函数 function filedSelectJson(){ var a = {}; var reserveVenueCons = $("#orderForm").serializeArray(); var numreg = /\[[0-9]*\]\./;//正则表达式 var index = 0; var attnum = 5;//list对象中有几个属性,这里有5个:reserveField.id,
week
2018/08/27
3.6K0
jQuery将form列表转JSON
jQuery基础--事件处理
简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐)
eadela
2019/09/29
2.5K0
02-老马jQuery教程-jQuery事件处理
根据文章内容总结摘要。
老马
2017/12/27
6.5K0
02-老马jQuery教程-jQuery事件处理
02-老马jQuery教程-jQuery事件处理
1. 绑简单事件 在DOM中DOM0级绑定事件的方式是直接给事件属性赋值,但是这样有个缺点就是每次指定的事件处理程序会把之前的覆盖掉。 jQuery简单绑定事件的方式,可以让我绑定多个事件处理程序跟D
老马
2018/01/05
2.7K0
Jquery+Eayui实现列表选择功能
在做一个列表选择的功能,要实现一个Jquery列表选择器的效果,如图就是很常见的一种列表选择器
SmileNicky
2019/03/06
1.2K0

相似问题

jQuery手机列表

20

用javascript过滤大列表

13

手机显示大列表的自动高度虚拟列表

11

jQuery手机专用列表

13

加速Kotlin大列表的过滤

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文