Question

我的搭档给了我一份工作要做，因为他希望我学习jQuery。我正在制作我们的目标网页的一部分，其中有三个按钮可替换每个按钮的内容。我已经解决了这个问题（至少是基本功能），但我需要一些帮助，让精灵在点击时切换，并在点击另一个按钮时关闭。

我希望第一个按钮在页面最初加载时处于活动状态（类.des1activecontent），并在单击其他按钮时切换。

这是我最近尝试使按钮正确设置样式的jsfiddle。有类选择器的问题。

注意：请查看jsfiddles，我只是发布了这个，因为我需要发布它。

$('#linkwrapper div a').on('click', function(){
    var lmb = this+"activecontent";
    $('#linkwrapper div a').removeClass(lmb);
    $(this).addClass(lmb);
});

http://jsfiddle.net/HTHnW/86/

这是整个插件的jsfiddle，这样你就可以更好地理解我正在做的事情。再次感谢。

http://jsfiddle.net/89F9H/

Answer 1

您可以向任何DOM元素添加多个类，并在CSS中设置样式：

.des3.activecontent {
    background-position: 0 -375px;
}
.des1.activecontent {
    background-position: 0 -250px;
}
.des2.activecontent {
    background-position: 0 -625px;
}

JS：

$('#linkwrapper div a').on('click', function () {
    var lmb = "activecontent";
    $('#linkwrapper div a').removeClass(lmb);
    $(this).addClass(lmb);
});

http://jsfiddle.net/mblase75/HTHnW/87/

使用CSS Sprites作为按钮＆amp; jQuery的

1 个答案: