Jquery切换效果/Won';在多次悬停后不要停止跑步

Jquery切换效果/Won';在多次悬停后不要停止跑步,jquery,animation,hover,toggle,Jquery,Animation,Hover,Toggle,我有一个运行在列表上的jquery脚本,在悬停时,它切换容器div的子元素。问题在于,每次将鼠标悬停在元素上时,脚本队列都会进行另一次切换 这并不是一个固有的问题,但当我在页面上移动太多次,不得不看着效果bug切换以跟上悬停次数时,我发现这很烦人。我想知道是否有办法在释放悬停时完全停止效果。不确定该做什么,但我已尝试将.stop()放在.toggle()脚本前面。它在一定程度上是有效的,但过于浮躁而无法奏效 为什么动画队列不可用?我如何覆盖它 这是我的密码: HTML: <div

我有一个运行在列表上的jquery脚本,在悬停时,它切换容器div的子元素。问题在于,每次将鼠标悬停在元素上时,脚本队列都会进行另一次切换

这并不是一个固有的问题,但当我在页面上移动太多次,不得不看着效果bug切换以跟上悬停次数时,我发现这很烦人。我想知道是否有办法在释放悬停时完全停止效果。不确定该做什么,但我已尝试将.stop()放在.toggle()脚本前面。它在一定程度上是有效的,但过于浮躁而无法奏效

为什么动画队列不可用?我如何覆盖它

这是我的密码:

HTML:

    <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框架上。当我更新它时,它工作得非常好。谢谢