元素没有从其中一个类接收样式

时间:2012-07-28 19:35:05

标签: html css styles

好吧我有一个按钮元素如下:

<button class='secondary row_1 col_1 not-sticky'>Button</button>

辅助等工作的样式,但它没有从“非粘性”中获取样式。这是我的基本造型:

.not-sticky { color:#FFFFFF; }
.sticky-state { color:#000066; }

单击按钮时,将运行以下代码:

if ($(this).hasClass('sticky-state'))
    $same = true;

    //change old sticky classes to not sticky
    $('.sticky-state').removeClass('sticky-state').addClass('not-sticky');

    if (!$same)
        $(this).removeClass('not-sticky').addClass('sticky-state');// chain our jQuery methods

一旦运行,粘性状态的样式确实正常工作,文本颜色变为#000066。

此外 - 通过使用chromes检查员,我能够验证类别是否正确地在非粘性和粘性状态之间变化,只是非粘性的样式根本没有显示

什么可以使非粘性样式完全不被应用?

由于

以下是整个样式表:http://staging.easyzag.com/style.css

1 个答案:

答案 0 :(得分:1)

它适用于这个小提琴:http://jsfiddle.net/c7XHX/

不知道是否声明$same,但您始终需要声明您的JavaScript值。