javascript - jQuery 方法没有按预期工作 - toggleClass

Question

有谁知道为什么下面的 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。

提前感谢您的帮助。

score 7 · Accepted Answer

这是因为点 ( .) -toggleClass()接受类名，而不是选择器。

尝试：

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

1 回答 1