Question

我正在使用PIE来实现一些跨浏览器的CSS3效果（渐变背景，圆角，阴影等），但它让我的jquery手风琴搞得一团糟。

基本上当PIE将其css3-container元素插入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，我发现了水槽特别适用于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标记，如果是这样，使用排水沟将应用样式而不更改标记。

PIE和JQueryUI手风琴之间的冲突

1 个答案: