1

さて、私は次のようなボタン要素を持っています:

<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

これを実行すると、sticky-state のスタイリングが適切に機能し、テキストの色が #000066 になります。

また、クロム インスペクターを使用することで、クラスが非スティッキー状態とスティッキー状態の間で適切に変化していることを確認できました。非スティッキーからのスタイリングだけがまったく表示されません

まったく適用されていないことから、べたつかないスタイリングになっているのは何ですか?

ありがとう

スタイル シート全体は次のとおりです: http://staging.easyzag.com/style.css

4

1 に答える 1

1

これはこのフィドルで機能します:http://jsfiddle.net/c7XHX/

宣言されているかどうかはわかりませんが$same、JavaScript値を宣言する必要があります。

于 2012-07-28T19:44:23.763 に答える