Jquery切换效果/Won';在多次悬停后不要停止跑步
我有一个运行在列表上的jquery脚本,在悬停时,它切换容器div的子元素。问题在于,每次将鼠标悬停在元素上时,脚本队列都会进行另一次切换 这并不是一个固有的问题,但当我在页面上移动太多次,不得不看着效果bug切换以跟上悬停次数时,我发现这很烦人。我想知道是否有办法在释放悬停时完全停止效果。不确定该做什么,但我已尝试将.stop()放在.toggle()脚本前面。它在一定程度上是有效的,但过于浮躁而无法奏效 为什么动画队列不可用?我如何覆盖它 这是我的密码: HTML:Jquery切换效果/Won';在多次悬停后不要停止跑步,jquery,animation,hover,toggle,Jquery,Animation,Hover,Toggle,我有一个运行在列表上的jquery脚本,在悬停时,它切换容器div的子元素。问题在于,每次将鼠标悬停在元素上时,脚本队列都会进行另一次切换 这并不是一个固有的问题,但当我在页面上移动太多次,不得不看着效果bug切换以跟上悬停次数时,我发现这很烦人。我想知道是否有办法在释放悬停时完全停止效果。不确定该做什么,但我已尝试将.stop()放在.toggle()脚本前面。它在一定程度上是有效的,但过于浮躁而无法奏效 为什么动画队列不可用?我如何覆盖它 这是我的密码: HTML: <div
<div class="CategoryText">
<li> <span><u>Peripheral steroid injection</u></span></li>
<div class="CategorizedText">
<ul class="Hoverlist"><li>Trigger Point Injection</li>
<li>Carpel tunnel injection</li>
<li>Tendon sheath injection</li>
<li>Tendon insertion site injection</li>
<li>Joint injection</li>
<li>Bursa injection</li>
</ul>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".CategoryText").hover(function () {
$(this).find(".CategorizedText").slideToggle(800);
});
});
</script>
外周类固醇注射
触发点注入
心皮隧道注射
腱鞘注射
肌腱插入部位注射
联合注射
法氏囊注射
JQUERY:
<div class="CategoryText">
<li> <span><u>Peripheral steroid injection</u></span></li>
<div class="CategorizedText">
<ul class="Hoverlist"><li>Trigger Point Injection</li>
<li>Carpel tunnel injection</li>
<li>Tendon sheath injection</li>
<li>Tendon insertion site injection</li>
<li>Joint injection</li>
<li>Bursa injection</li>
</ul>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".CategoryText").hover(function () {
$(this).find(".CategorizedText").slideToggle(800);
});
});
</script>
$(文档).ready(函数(){
$(“.CategoryText”).hover(函数(){
$(this.find(“.CategorizedText”).slideToggle(800);
});
});
您可以使用.stop()
停止上一个悬停动画
有关详细信息,请参阅签出代码段
$(文档).ready(函数(){
$(“.CategoryText”).hover(函数(){
$(this.find(“.CategorizedText”).stop().slideToggle(800);
});
});代码>
.CategorizedText{
显示:无;
}
外周类固醇注射
触发点注入
心皮隧道注射
腱鞘注射
肌腱插入部位注射
联合注射
法氏囊注射
我以前试过这个,但非常容易出错。在您发布这篇文章后查看了它,发现这是因为该站点位于一个更旧的Jquery框架上。当我更新它时,它工作得非常好。谢谢