您认为,最好是尽量避免使用BackboneJS并尽可能使用模板,或者仅使用JavaScript来添加诸如字母过滤器之类的元素。
说明:字母过滤器可过滤结果[a],[b],[c]等以获得以a,b,c等开头的结果
普通JavaScript是我在1999年的答案。
[2013年,您是否想在没有MVC的情况下在JavaScript上实现功能(在本例中为Backbone.js)?
带有普通JavaSript的字母过滤器等于重新发明了轮子,而Backbone只是过滤一个集合。
我没有怀疑的人,使用Backbone.js
这个问题已经发布很长时间了,但是现在有一个开放源代码的香草JavaScript插件可以用字母导航按字母顺序过滤任何HTML列表
仅输出您的HTML列表:
<ul id="myList">
<li>Eggplant</li>
<li>Apples</li>
<li>Carrots</li>
<li>Blueberries</li>
</ul>
在页面的<head>
中添加CSS:
<link rel="stylesheet" href="alphaListNav.css">
在结束</body>
标记之前添加JavaScript文件:
<script src="alphaListNav.js"></script>
然后通过向其传递列表的ID来初始化列表中的AlphaListNav库。像这样:
<script>
new AlphaListNav('myList');
</script>
它具有各种不同的选项,可以自定义您想要的行为:
例如:
<script>
new AlphaListNav('myList', {
initLetter: 'A',
includeAll: false,
includeNums: false,
removeDisabled: true,
//and many other options available..
});
</script>
GitHub项目是here
并且CodePen示例为here
[AlphaListNav.js网站和文档为here