Конфликт между PIE и аккордеоном JQueryUI - PullRequest
Новая
       34

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

1 голос
/ 11 февраля 2012

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

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

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

1 Ответ

2 голосов
/ 11 февраля 2012

Вместо CSS PIE используйте pie.js. Простое преимущество, которое дает вам pie.js, заключается в том, что вы сами решаете, когда применять круговые классы, вы можете найти хорошую документацию по использованию pie.js here . Simply by the javascript way the pie will be applied after the code is executed by jQuery hence it should NOT mess with the markup. [though i am going to test it ]

And your code with pie should look something like

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

Another method of doing this is by using gutters , while programming mobile webapps because of webkit i found out how useful gutters can be especially with polyfills .

Using gutters your code can look like

   .
   Секция 2 

      
    
    Сед не урна. Donec et ante. Phasellus eu ligula. Вестибюль сит амет
    Пурус. Вивамус Хендрерит, Долор Аликет Лаореет, Маурис Турпис Порттитор
    Velit, faucibus interdum tellus libero ac justo. Вивамус не квам. В
    Сусципит фоцибус урна.

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

...