Question

我的代码出现问题：按下其他按钮后，我无法再按一次按钮激活旋转。

你会在这里看到我的问题http://jsfiddle.net/HCP46/8/：

<script src="js/jquery-1.9.1.min.js"></script>
<script>
$("#continue1").click(function(){
$(".rotate").toggleClass("rotate1");
});
$("#continue2").click(function(){
$(".rotate").toggleClass("rotate2");
});
$("#continue3").click(function(){
$(".rotate").toggleClass("rotate3");
});
$("#continue4").click(function(){
$(".rotate").toggleClass("rotate4");
});
$("#continue5").click(function(){
$(".rotate").toggleClass("rotate5");
});
</script>

Answer 1

您需要删除所有其他rotate类，因为它们在CSS中优先。

使用从元素派生旋转类名称的单个绑定，您也可以使这更简单。

$("button").on('click', function () {
    $(".rotate").removeClass().addClass("rotate rotate" + $(this).text());
});

http://jsfiddle.net/HCP46/9/

按下其他按钮后，第二次无法按下按钮激活旋转

1 个答案: