Применить полоску зебры к аккордеону jQueryUI - PullRequest
Новая
       10

Применить полоску зебры к аккордеону jQueryUI

1 голос
/ 06 августа 2009

У меня есть приложение asp.net mvc, создающее аккордеон на основе плагина jQueryUI Accordion - я бы хотел использовать чередование зебр

Вот цикл конструктора: 

<div id="accordion">    
    <% 
        foreach (var webinar in Model as IList<Webinar>)
       {  %>
        <div id="accordionItem">//toDo: Programmically pick odd/even rows 
        <div class="accStripe"> //insert a div for even rows
            <h3><a href="#"><b><%= myObj.Title%></h3>
            <div id="descContent">
                 <a href="Details/<% =myObj.ID %>"><%= myObj.Desc%> ...more</a>
            </div>
         </div>       
        </div>
    <% } %>
 </div>

Тогда правило accStripe: 

.accStripe{
    background:#F7EEDC none repeat scroll 0 0;
    border-bottom:1px dotted #DFAC45;
}

Я могу выбрать пунктирную границу, но не цвет фона. Я предполагаю, что это будет связано с большей специфичностью со стороны .ui-accordion-header? Как глубоко мне придется копать, чтобы понять, как это переопределить?

1 Ответ

1 голос
/ 08 августа 2009

Ричард Д. Ворт на jquery-ui дает ответ:

Ваш элемент-обертка (.accStripe) содержит двух дочерних элементов: .ui-accordion-header и .ui-accordion, каждый из которых имеет фон: 

.accStripe { background:#F7EEDC none repeat scroll 0 0; border-bottom:1px dotted #DFAC45; }
.accStripe .ui-accordion-header { background:#F7EEDC none repeat scroll 0 0; }
.accStripe .ui-accordion-content { background:#F7EEDC none repeat scroll 0 0; }
...