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

这是因为dot(.) - toggleClass()接受类名,而不是选择器.

尝试:

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

的jsfiddle