아코디언에 고급 필터를 추가하고 워드 프레스에서 알파벳순으로 아코디언을 주문하십시오.

Question

여기 시나리오가 있습니다 : 아코디언 목록에 나열된 국제기구의 전체 프로필을 갖기 위해 노력하고 있습니다. 따라서 사람들이 조직 이름을 클릭하면 정보가 확장 될 때 정보를 볼 수 있습니다. 1 일 지역에 따라 조직을 필터링 할 수있는 고급 필터를 만듭니다 : 내가 달성하기 위해 노력하고 무엇 This is what I am talking about (please see image)

는 다음입니다. 2. 자동으로 알파벳 순서로 아코디언을 주문하십시오.

나는 이것을하는 방법에 관한 아이디어와 제안이 열려 있습니다.

당신은 물론 filterRegion 기능이 덜 고정 할 곳에서 현재 필터링 된 영역을 얻을 수 있도록 할 수

Answer 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) { 
 
\t return compareItems(a,b); 
 
}) 
 

 
var filteredItems = myItems.filter(filterEU); 
 

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

사전에 감사합니다.

알파벳순 정렬은 대소 문자를 구분하여 대문자와 소문자를 구분하므로 대소 문자를 무시합니다. 원하지 않는 한 그것을 지켜야합니다.