Конфликт между PIE и аккордеоном JQueryUI

Question

Я использую PIE для достижения некоторых кросс-браузерных эффектов CSS3 (градиентные фоны, закругленные углы, тени для теней и т. Д.), Но это испортило мой jquery-аккордеон, что-то ужасное.

В основном, когда PIE вставляет свои элементы css3-контейнера в DOM, код jquery-аккордеона не может восстановиться, поскольку он ожидает, что контейнер-аккордеон будет заполнен исключительно переменным списком элементов H3 и DIV.

Кто-нибудь нашел способ сделать эти два инструмента хорошими вместе?

Answer 1

Вместо CSS PIE используйте pie.js простой benifit, который pie.js дает вам, это то, что вы решаете, когда применять классы пирога, вы можете найти хорошую документацию о том, как использовать pie.js here. Просто с помощью javascript метод будет применен после того, как код будет выполнен jQuery, поэтому он НЕ должен испортить разметку. [Хотя я собираюсь проверить его]

И ваш код с пирогом должен выглядеть что-то вроде

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

Другой способ сделать это с помощью желобов, при программировании мобильных WebApps из-за WebKit я узнал, как Полезные желоба могут быть особенно с полиполнами.

Использование желобов ваш код может выглядеть

<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> 

затем применить PIE CSS3 на желобов, от того, что я читал о PIE, кажется, что он применяет разметки VML внутри родительского элемента и, если так используя желобы, стиль будет применяться без изменения разметки.