问题标签 [list.js]

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.

0 投票
1 回答
4878 浏览

javascript - List.js:如何添加过滤器

我正在尝试调整 list.js 脚本(http://listjs.com/docs/list-api#filter),但我无法在我的列表中设置过滤器。

我想创建一个过滤器(通过按钮),只显示“1986”的项目

你能帮助我吗 ?

0 投票
3 回答
1807 浏览

javascript - 如果 pages == 1,如何隐藏 list.js.pagination?

我使用https://github.com/javve/list.js和插件进行分页https://github.com/javve/list.pagination.js

如果只有一页,只想隐藏分页。最好的方法是什么?

我试过了:

不工作。

这是一个例子http ://codepen.io/anon/pen/RoVMYb

页面变量https://github.com/javve/list.pagination.js/blob/master/dist/list.pagination.js#L451

0 投票
1 回答
1047 浏览

javascript - List.js 找到元素但仍然保留其他元素

这是我第一次使用 List.js。我有以下结构:

现在,如果我搜索该术语A2,它会正确显示 firstdiv 中的内容,row1 同时显示第二个 div 及其所有内容。List.js 根据需要隐藏row2

我怎样才能让它同时隐藏所有其他 div 行?

我还检查了是否真的只有匹配:

日志显示list.matchingItems只找到对象。

0 投票
3 回答
1068 浏览

javascript - 让 list.js 过滤器功能正常工作

我似乎无法让 List.js 过滤器功能工作。作为新手开发人员,List.js 的文档还有很多不足之处。

这是我的代码:

HTML:

JS:

你可以看到这里发生了什么。基本上,当我按下“James”按钮时,什么也没有发生。我搜索了 StackOverflow 以寻找答案,但我无法让它工作。

我最终希望有一个包含所有课程系列的下拉菜单供人们过滤。但是只要得到这个就应该教会我足够的关于 list.js 的知识来让它工作。

0 投票
1 回答
324 浏览

javascript - 回调在 list.js 的可拖动列表中不起作用

我试图用 list.js 创建一个可拖动的列表,但是当我尝试编辑、添加或删除一个项目时没有任何反应,我猜是回调有问题,但我找不到解决方案。

这是我的html:

这是我的js代码:

}

提前致谢

0 投票
1 回答
103 浏览

javascript - 在 List.js 中创建链接

我正在使用List.js来生成列表(显然),但是我无法在列表项内创建链接。

到目前为止,这是我的代码-

这会创建一个不错的列表,但是我想将ValueNameslatlngValueNames 连接在一起以创建一个列表,通常我会做这样的事情(我使用过的 Google Maps 的示例)

'<a href=http://www.google.com/maps/place/' + data.lat+ ',' + data.lng + '/@' + data.lat + ',' + data.lng +',6z target=_blank>Get Directions</a>'

但是,由于所有项目都是在 HTML 类部分中创建的,因此这是行不通的。关于如何使它工作的任何建议,或者它可能不是这个插件的选项?

0 投票
1 回答
2143 浏览

javascript - 获得上一个/下一个 | 使用 list.js 的第一个/最后一个按钮

我正在使用搜索构建分页索引。我有索引分页和工作,但是我想添加一个上一个/下一个和一个第一个/最后一个按钮,因为这必须是可扩展的。

List.JS 似乎没有开箱即用的其中之一,所以我尝试通过将lis 附加/前置到paginationdiv ul 中来做到这一点。这确实有效,除了点击后它们被删除。

添加到分页div

运行按钮的函数

在此之后,我不确定如何让它们保持附加,因为它似乎每次都在点击时重写它。有没有其他人使用 List.JS 创建这些按钮?

这是我的小提琴

0 投票
1 回答
1770 浏览

javascript - List.js 示例不起作用

我正在尝试复制 List.js 页面上的示例,以创建一个新列表。我复制并粘贴了示例中的代码,但在 .js 库文件中出现错误。

这是代码:

HTML:

JS:

这是我得到的错误:

任何帮助将不胜感激。

0 投票
1 回答
2737 浏览

javascript - 在页面加载更改输入值和触发器

我正在使用 list.js。当页面加载时,我想将搜索栏值更改为“newvalue”,然后触发搜索。应该发生的是没有列表项出现,因为没有与搜索词匹配。不幸的是,虽然我已经能够更改搜索栏输入值,但我似乎无法触发实际搜索本身。我尝试在值更改之前关注输入元素,我尝试设置超时功能,我尝试使用 .change 而不是 .val。我不确定是什么问题,在这一点上我不确定还能做什么,所以任何帮助将不胜感激。

0 投票
2 回答
1902 浏览

javascript - 如何为 List.js 编写排序函数?

我使用 list.js 对表的数据进行简单排序。排序功能工作正常,但我想修改它的初始行为。当用户第一次看到该表时,他/她应该将某一列中具有某些特定值的记录(在本例中为我的本地货币)放在顶部。刚开始,以后的排序应该以标准方式工作。

让我们看看代码:

我唯一想做的就是将所有带有“PLN”货币的记录放在开头。为什么我不只是按照我想要的方式在 HTML 中按我想要的方式对它们进行排序,然后在没有初始排序的情况下启用排序?因为实际上这些记录是用PHP生成的(我简化了上面的代码,只是展示了一个生成HTML的例子),我无法预测我会得到什么数据。

我需要在这个地方写一个排序函数:

你有什么想法?:)