href() 中的 jQuery 动画仅在第二次触发
我正在使用 jQuery 为悬停()上的高度变化设置动画。
悬停时,它将应用 .hover 类,单击时,它将切换 .expanded 类。它基本上可以工作,并具有适当的动画,但仅在第一次之后才有效。第一次悬停将完全跳过动画。
我很困惑 - 这是有问题的代码:
$('#expandingbox').hover(
/*on mouseenter, if not expanded, add hover class*/
function() {
if (!$(this).hasClass("expanded")) {
$(this).stop(true, true).addClass("hover", "slow");
}},
/*on mouseout, if not expanded, remove hover class*/
function() {
if (!$(this).hasClass("expanded")) {
$(this).stop(true, true).removeClass("hover", "slow");
}
}).click(function() {
$(this).toggleClass("expanded", "slow");
});
我发现在某个地方添加 $('#expandingbox').trigger('mouseout') 可以解决这个问题,但它对我不起作用。 这是重现该问题的示例: http://jsfiddle.net/Qc42v/
更新: 提交了一张票,结果发现这是一个 jQuery bug。相同的代码适用于 jQuery 1.5(以及最新版本的 jQuery UI)。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这可能是一个合法的 jQuery UI 错误。预先添加一些随机类似乎可以为我解决这个问题。检查: http://jsfiddle.net/Qc42v/9/
所以基本上是这样的:
如果这看起来对你来说太恶心了,也许只使用基本的 animate() 函数?不过,肯定有人应该提交错误:{
This might be a legit jQuery UI bug. Adding some random class beforehand seems to fix it for me. Check: http://jsfiddle.net/Qc42v/9/
So basically like this:
If this looks too yucky for you, maybe just use the basic animate() function? Someone should definitely file a bug though :{