JQuery переопределяет стиль themeroller - PullRequest
Новая
       12

JQuery переопределяет стиль themeroller

0 голосов
/ 16 марта 2010

В моем аккордовом элементе управления я хочу переопределить стиль заголовка, чтобы показать красный фон вместо цвета темы по умолчанию, если когда-либо пользовательский элемент управления (например, ввод имени и адреса пользователя) в этой конкретной области возвращает логическое значение проверки false. 1001 *

Я в порядке, как использовать .Toggle, чтобы изменить класс, но не могу понять, как получить класс themeroller.

Как бы я это сделал?

Спасибо

Пол

Ответы [ 2 ]

1 голос
/ 16 марта 2010

Если вы используете jQuery Аккордеон

класс называется: .ui-accordion-header

поэтому после проверки верните false

установить новый цвет фона, добавив встроенный стиль следующим образом: 

$('.ui-accordion-header').attr('style','background:red');

затем для удаления: 

$('.ui-accordion-header').attr('style','');

UPDATE

Предполагая, что у вас есть эта HTML структура 

<div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div>
        <p>
        ... <- if your form is here for es.: 
                   your path escalation to it's own H3 would be:

<!--\ $(this).parent('p').parent('div').prev(h3).attr('style','background:red') \-->

        </p>
    </div>
    <h3><a href="#">Section 2</a></h3>
    <div>
        <p>
     ...
        </p>
    </div>
</div>

Где $ (this) относится к пустому вводу в условии if! 

if ( $('my_input').val() == '' )
$(this).parent().parent().prev().attr('style','background:red');

это должно работать как положено!

0 голосов
/ 16 марта 2010

Полезный способ обратного проектирования чего-то подобного - это зайти в браузер, такой как Firefox или Chrome (другие тоже так делают, но это два, которые я использую чаще всего), щелкнуть правой кнопкой мыши на элементе и выбрать « Осмотрите Элемент. " Это даст вам хорошо отформатированный (по крайней мере, Firefox отформатирует его, я думаю, что Chrome не сможет) просмотреть разметку, а также применяемые в настоящее время стили. Кроме того, этот инспектор может помочь вам выяснить, например, почему ваши правила CSS не применяются. Вы также можете создавать новые правила на лету, что значительно ускоряет цикл редактирования-компиляции-теста.

...