맞춤 자바 스크립트 아코디언 외부 링크

Question

내 Wordpress 사이트에 맞춤 자바 스크립트를 추가하려고합니다. 자바 스크립트가 사이트에 제대로 대기열에 포함되어 있습니다. html 가이드 라인을 준수하기 위해 나는 아코디언에 내 머리글을위한 클래스를 사용하려고합니다. 따라서 .accordion .을 사용하고 하위 문자열을 사용하여 url에서 hashmark를 제거합니다. 모든 클래스를 ID로 변경하고 선택기에서 마침표를 제거한 다음 트리밍을위한 하위 문자열을 제거하면 작동합니다.

그러나 클래스 대신 ID를 사용해야합니다. 이 문제를 해결할 수있는 방법이 있습니까? 아니면 ID를 사용해야합니까? override.js에서

이

비 작동 코드 :

:

var hash = window.location.hash; 
var begining= ".accordion ."; 
var trimmed = begining + window.location.hash.substring(1); 

jQuery(document).ready(function() { 
    jQuery('.accordion').accordion({ 
active: false, 
collapsible: true, 
autoHeight: false, 
heightStyle: "content" 

}); 

    jQuery(trimmed).click(); 
}); 

우리가 페이지에 원하는 override.js

var hash = window.location.hash; 
var begining= ".accordion "; 
var trimmed = begining + window.location.hash; 

jQuery(document).ready(function() { 
    jQuery('.accordion').accordion({ 
active: false, 
collapsible: true, 
autoHeight: false, 
heightStyle: "content" 

}); 

    jQuery(trimmed).click(); 
}); 

HTML을 코드를 작업 "덕트 테이프"

<div class="accordion"> 
    <h3 class="zen-shi-apps">zen shi appetizers</h3> 
    <div>[simple-retail-menu id="1" header="none"]</div> 
    <h3 class="sushi-bar-apps">sushi bar appetizers</h3> 
    <div>[simple-retail-menu id="2" header="none"]</div> 
</div> 

작동하는 HTML :

<div class="accordion"> 
    <h3 id="zen-shi-apps">zen shi appetizers</h3> 
    <div>[simple-retail-menu id="1" header="none"]</div> 
    <h3 id="sushi-bar-apps">sushi bar appetizers</h3> 
    <div>[simple-retail-menu id="2" header="none"]</div> 
</div> 

Answer 1

사실 나는 그 문제에 오래 전에 직면 해 왔습니다. 그런 다음 아코디언에 대한 책임 코드를 파헤려고했습니다. 사실 jQuery UI였습니다.

흥미로운 점은 코드에서 종종 대상 ID를 얻기 위해 원시 ID를 사용한다는 것입니다. 따라서이 경우 클래스를 사용하지 않고 id를 사용하여 요소를 수집 할 수 있으므로 작동하지 않는 것입니다.

따라서 귀하의 아코디언 - 라이브러리 코드를 확인하고 그들이 그 방법을 사용하고 있는지 여부를 확인하십시오.

건배!