0

次のjQueryコードが期待どおりに機能しない理由を誰かが知っていますか？

HTML：

<div id="languageContainer">
    <div class="headerButton"></div>
</div>

CSS：

.headerButtonClicked
{
background-image:url('background.jpg');
background-repeat:repeat-x;
color:#000000;
}

jQuery：

$(".headerButton").click(function()
{
    $(this).parent().toggleClass(".headerButtonClicked");
});

Firebugを使用してDOMを観察し、クラスが親要素に追加されましたが、スタイルは変更されません。スタイリングコードをインラインで追加すると機能したので、問題はCSSではないと確信しています。

助けてくれてありがとう。

4

1 に答える 1

7

これは、ドット（.）が原因です-toggleClass()セレクターではなく、クラス名を受け入れます。

試す：

$(".headerButton").click(function()
{
    $(this).parent().toggleClass("headerButtonClicked");
});

jsFiddle

于 2012-08-21T22:11:32.730 に答える