Question

我有一份载有4个图像的清单。每个图像在任何特定时间只能有一个活跃的班级。 (相当于无线电台。)

My code so far supports this fine: http://jsfiddle.net/tctc91/HyHgp/

var themeChooser = $( .themeChooser ul li img );
themeChooser.click(function() {
    if(!themeChooser.hasClass( themeSelected )) {
        $(this).addClass( themeSelected );        
    } else {
        $(this).removeClass( themeSelected );
    }
});

我的问题是,何时。主题班已经活跃, 如果你点击不同的形象,它就不会发挥作用。我需要它这样做,因为国际红十字与红新月联会已经发挥了积极作用,你用不同的形象点击,它消除了现有的阶层,并增加了新的形象。

感谢!

Answer 1

简单增加<代码>$(themeS selected ).removeClass(主题S selected );,在你点击手里达到你想要达到的目的。

Live example: http://jsfiddle.net/sT9jE/。

。并非非常简单,上述内容在选定的要素上停止了重弹。因此,你实际上需要增加:

if(!$(this).hasClass( themeSelected ))
    $( .themeSelected ).removeClass( themeSelected );

See this Live example:

友情链接