Question

在我的手风琴控件中，我想覆盖标题样式以显示红色背景而不是默认主题颜色，如果该特定窗格中的用户控件（例如用户的名称和地址输入）返回false的验证布尔值。 / p>

我很好用如何使用.Toggle来改变类但是无法弄清楚如何首先抓住themeroller类。

我该怎么做？

由于

保

Answer 1

假设您正在使用jQuery Accordion

该课程名为： .ui-accordion-header

所以验证后返回false

通过添加内联样式设置新的背景颜色，如下所示：

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

然后删除它：

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

<强>更新

假设你有这个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');

这应该按预期工作！

Answer 2

这种反向工程的有用方法是进入像Firefox或Chrome这样的浏览器（其他人也这样做，但这些是我最常用的两种），右键单击元素，然后选择“检查元素。“这将为您提供格式良好（至少Firefox格式化，我认为Chrome可能不会）标记的视图，以及当前应用的样式。此外，该检查员可以帮助您弄清楚，例如，CSS规则未应用的原因。您还可以动态创建新规则，这使得编辑 - 编译 - 测试循环更快。

JQuery重写了themeroller风格

2 个答案: