PIE和JQueryUI的手風琴衝突

Question

我使用PIE來實現一些跨瀏覽器的CSS3效果（漸變背景，圓角，陰影等），但它讓我的jquery手風琴變得糟糕。

基本上，當PIE將其css3-容器元素插入到DOM中時，jquery手風琴代碼無法恢復，因爲它期望手風琴容器僅由H3和DIV元素的交替列表填充。

有沒有人找到一種方法可以讓這兩種工具在一起玩耍呢？

Answer 1

而不是CSS PIE使用pie.js pie.js給你的簡單好處是你決定什麼時候應用餡餅類，你可以找到一個很好的文檔關於如何使用pie.js here。只需通過JavaScript方式，派代碼將在jQuery執行代碼後應用，因此它不應該混淆標記。 [雖然我要測試它]

而且隨着派你的代碼應該看起來像

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

這樣做的另一種方法是使用水槽，而編程，因爲WebKit的移動web應用，我發現如何有用的排水溝可以特別與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> 

然後應用在水槽的PIE CSS3，從我讀過關於PIE看來，它適用於一個VML標記中的元素，如果是這樣的家長裏使用排水溝風格將被應用而不改變你的標記。