4
如果您点击并且不移动鼠标,您将看到按钮的颜色保持为红色! 我想要完成的是在您单击并且不移动鼠标之后,它仍然移除/切换.hover
类。如何删除/切换元素上的悬停类(单击后翻译),而无需再次移动鼠标?
$(function() {
var $Btn = $('.button');
$Btn.hover(function() {
$(this).toggleClass("hover");
});
$Btn.on("click", function() {
$(this).toggleClass('active')
$('.move').toggleClass('angle');
});
});
.move {
border: 1px solid #000000;
padding: 10px;
transition: transform .2s ease;
/*
have noticed issue is in "transition"
*/
}
.button.hover {
color: red;
}
.angle {
transform: translate(100px, 0);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="move">
<button class="button">on click still red?</button>
</div>
是[这](http://jsfiddle.net/d795jt5o/),你需要什么? – Harry
谢谢! @哈里 [结果非常棒!](http://robylayouts.com/file/btn-bug.gif) –