问题标签 [listjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 使用复选框和 list.js 应用多个过滤器
我正在尝试使用 list.js 插件根据一组复选框过滤一些结果。
我目前已经设法按一个标准排序,一次只能按一个项目排序,即只简单,只有适度,但是当我尝试选择多个复选框时,它不起作用,即。同时选择简单和适度。
有没有人有任何建议我可以如何做到这一点。html和javascript如下。
提前致谢。
Javascript:
javascript - jQuery更改事件未在动态创建的元素上触发
我目前正在尝试使用 list.js 和 lodash 在一组搜索结果中生成动态过滤器功能。代码的基础是从这里分叉的:
http://codepen.io/waynehoover/pen/KBqhF
List.Js 使用页面上的元素创建一个数据集,然后可以对其进行过滤或排序。但是,由于这些是搜索结果,我想让过滤器动态化,以便只显示页面上存在的条件。
上面的示例使用了多选列表,但在我的示例中,我已将它们转换为复选框。我现在遇到的主要问题是我正在动态创建我的复选框,它们不再在更改时触发 updateList() 方法。
我尝试过在 JQuery 和 .on("change",updateList()) 中简单地使用 .change() 方法,但这些似乎都不起作用。有任何想法吗?
下面的代码和 Codepen。
HTML
Javascript
密码笔
http://codepen.io/JasonEspin/pen/waKjxW
提前致谢。
javascript - List.js 返回错误的结果
我是第一次使用 List.js。我真的很喜欢它,现在我将它与 rails 4.2 一起使用来创建一个神奇宝贝团队创建工具。我还使用 jQuery 1.11.3 作为 Rails 的 JavaScript 库。
我现在有这个:
它的编码如下:
它从PokemonDefaults表中获取所有神奇宝贝,并显示它们的图像和名称。
然而,当我输入像 'baa' 这样的东西时,List.js 表现得很奇怪:
如您所见,任何这只神奇宝贝的名字中都有“咩”。怎么了?
javascript - 为一个字段过滤具有多个值的属性 - List.js 和 Filter.js
我目前正在使用 list.js 插件及其过滤器扩展来生成搜索结果页面,该页面允许用户过滤最终结果,以便他们更轻松地找到他们正在寻找的内容。
我一直在使用他们的 API 来尝试提出一个解决方案,但老实说,它有点过时了,不确定上次更新的时间。
http://www.listjs.com/docs/list-api
我的代码如下:
HTML
Javascript
我还在 Codepen 上创建了一个工作示例。
http://codepen.io/JasonEspin/pen/bdajKo
我希望实现的是对于某些包,它们可能具有多种类型值,例如:
所以在这种情况下,我希望我的过滤器能够检测到有一种类型的乘船旅行和其他旅行类型,并将这些选项显示为过滤器选项。如果选择了其中一个,则返回此包。但是,它似乎忽略了第二种类型。
我什至像这样尝试过它,因为我希望它像一个数组一样工作,但事实并非如此。它只是将这两个项目混合在一起以创建一个随机选项。
那么,有没有人知道如何调整我的代码以接受多个选项?我的理想方案是为每个包裹附加一些出发日期,并使用户能够按这些出发日期进行过滤。
任何帮助将不胜感激,因为我相信问题可能出在我的 Lodash 代码上,但由于这是我第一次使用 Lodash,由于其不寻常的语法,我有点不确定它实际上在做什么。
javascript - List.JS 没有做任何明显的事情
我正在尝试在我页面上的现有列表上设置 list.JS。这是我尝试使用的简化版本
我查看了他们网站上提供的示例代码,我认为我正确地遵循了指南......但是当我尝试与输入字段或“按名称排序”按钮进行交互时,什么也没有发生。
有任何想法吗?
javascript - ListJS 输入一个值并删除元素
我有一个在这里复制的设置:
http://codepen.io/anon/pen/EjrPbV
问题是当我在我的网站中实现它时,当我在搜索字段中输入时,里面的所有内容<ul></ul>
都会被删除,无论我输入什么字符。我意识到在我的代码中肯定有其他原因导致此问题,问题是,什么可能导致代码被删除?请注意,列表元素是在我的网站启动时使用 AJAX 和 innerHTML 属性生成的。
请注意,对我来说,我收到一个错误:
javascript - 创建自定义排序函数以用作脚本中的选项
我正在使用 vanilla JS 脚本list.js并尝试实现自定义排序功能。
我一直在使用List APIsort
中的方法,正常排序没有问题,但是需要为几种情况创建自定义排序,但是因为他从未提供过示例,所以我不确定如何去做。
例如我有这个代码:
他从未说明该函数的预期签名,但我计算出它有 3 个填充数据的参数,前两个似乎包含排序列表中的元素,第三个具有某种选项。
我已阅读有关使用自定义排序功能的信息,但不确定如何在此处补充它们。
我们需要的一个例子是我们有一个日期列表,例如:
- 2015春夏
- 2014春夏
- 2013 冬季
- 2005 年秋季
它应该首先按最高数字排序(在本例中为 2015 年),然后按此顺序从头到尾进行季节排序:冬季、秋季、春季/夏季。
是否可以为类似的东西进行自定义排序,如果可以,如何使用此脚本实现?
javascript - 如何在 listjs 黑客列表上执行正则表达式?
我想对 List.js 的搜索功能执行正则表达式。默认情况下,它的工作原理是搜索存在于整个句子中的单词。我想要实现的是它应该搜索一个作为句子开头的单词。
在上图中,您看到所有 4 个句子中都存在“Was”,但我只希望它列出“Was”是每个句子的第一个单词的短名单。
sorting - List.js 默认排序表
我正在使用 list.js 库(http://www.listjs.com/)对一些表进行排序。我想知道是否可以在页面加载时获得默认排序而无需单击任何内容。