【问题标题】:Add advanced filter to accordion and order the accordion alphabetically in Wordpress将高级过滤器添加到手风琴并在 Wordpress 中按字母顺序排列手风琴
【发布时间】:2017-10-08 20:58:24
【问题描述】:

这是一个场景:我试图将一个国际组织的全部资料列在手风琴列表中。因此,当人们单击组织的名称时,他们可以在其展开时看到信息。 This is what I am talking about (please see image)

我想要达到的目标如下: 1. 创建一个高级过滤器,可以按工作区域过滤组织。 2. 自动按字母顺序排列手风琴

我愿意接受有关如何执行此操作的想法和建议。

提前谢谢你

【问题讨论】:

  • 我假设您从数据库中填充手风琴。当您以正确的方式检索数据库记录时,您不需要过滤器。

标签: jquery wordpress filter accordion


【解决方案1】:

var myItems = [
{ name: 'test', region: 'US' },
{ name: 'message', region: 'US' },
{ name: 'new message', region: 'EU' },
{ name: 'a message', region: 'EU' },
]

function compareItems(a, b) {
    var aVal = a.name.toLowerCase();
    var bVal = b.name.toLowerCase();
    return aVal  < bVal ? -1 : aVal > bVal ? 1 : 0;
}

function filterEU(value) {
    return value.region === 'EU';
}

var sortedItems = myItems.sort(function(a,b) {
	return compareItems(a,b);
})

var filteredItems = myItems.filter(filterEU);

console.log(sortedItems);
console.log('-------------')
console.log(filteredItems);

您当然可以让 filterRegion 函数从某个地方获取当前过滤的区域,以使其不那么静态。

字母排序会使用小写字母以使其忽略大小写,否则它会将大写字母排在后面。除非你想保留它。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-18
    相关资源
    最近更新 更多