PIE와 JQueryUI의 아코디언 사이의 충돌

Question

일부 브라우저 간 CSS3 효과 (그라디언트 배경, 둥근 모서리, 그림자 등)를 얻기 위해 PIE를 사용하고 있지만 jquery 아코디언이 끔찍한 것을 엉망으로 만들고 있습니다.

기본적으로 PIE가 css3 컨테이너 요소를 DOM에 삽입 할 때 아코디언 컨테이너가 H3 및 DIV 요소의 대체 목록으로 독점적으로 채워질 것으로 예상되므로 jquery 아코디언 코드를 복구 할 수 없습니다.

누구나이 두 도구를 함께 사용할 수있는 방법을 찾았습니까?

Answer 1

CSS PIE 대신 pie.js를 사용하면 pie.js가 제공하는 간단한 기능을 통해 파이 클래스를 적용 할시기를 결정할 수 있습니다. pie.js here을 사용하는 방법에 대한 훌륭한 설명서를 찾을 수 있습니다. 코드가 jQuery에 의해 실행 된 후 자바 스크립트 방식으로 파이가 적용되기 때문에 마크 업과 관련해서는 안됩니다.

그리고 파이와 코드 때문에 웹킷의 모바일 웹 어플리케이션 프로그래밍을 나는 방법을 발견하면서

$('.accordion').accordion({ 
    parameter:value; 
    }); 
$('.pieElement').each(function(){ 
    PIE.attach(this); 
}); 

이 일을하는 또 다른 방법 같은 것을, 배수구를 사용하는 것입니다 보일 것을 [내가 갈거야하지만 그것을 테스트] 유용한 홈통은 특히 폴리 필 (polyfills)이 될 수 있습니다.

<div id="accordion"> 
<h3><span class="gutter"><a href="#">Section 2</a></span></h3> 
<div> 
     <div class="gutter"> 
    <p> 
    Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet 
    purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor 
    velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In 
    suscipit faucibus urna. 
    </p> 
     </div> 
</div> 
    </div> 

후 배수구에 파이 CSS3를 적용처럼 내가 PIE에 대해 읽은 내용 요소 만약 그렇다면의 부모 내부 VML 마크 업을 적용 것으로 보인다에서 코드가 볼 수 방구석을 사용하여 거터를 사용하면 마크 업을 변경하지 않고 스타일이 적용됩니다.