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。

在此先感谢您的帮助。

Answer 1

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

尝试:

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

jsFiddle