Javascript Jquery总是重复函数

我有这两个函数来创建不透明效果

<script>
    function trans(id)
    {
       $(".pris_"+id).stop().fadeOut(1000);
       $(".pris_"+id).css({ opacity: 0.1});
       stop();
    }

    function trans_reverse(id)
    {
       $(".pris_"+id).stop().fadeIn(1000);
       $(".pris_"+id).css({ opacity: 0.8});
       stop();
    }
</script>


<div id="productos_image_soon" class="pris_1"    onmouseover="trans('1');"onmouseout="trans_reverse('1');">
   Product in a few time
</div>

功能转换（id）
{
$（.pris_“+id）.stop（）.fadeOut（1000）；
$（“.pris_u“+id）.css（{opacity:0.1}）；
停止（）；
}
功能变速器反转（id）
{
$（“.pris_”+id）.stop（）.fadeIn（1000）；
$（“.pris_”+id）.css（{opacity:0.8}）；
停止（）；
}
产品在几分钟内完成

在我调用每个函数的div中，问题是当我一直将mouseover放在div上时，在递归模式下，第二个函数执行，在第一个函数和continue执行之后，效果是mouseover the opacity low和mouseout opacity growth

---

我不知道为什么会发生这种情况，我已经尝试了stop（）函数，但问题仍然存在

为什么在淡入后设置元素的不透明度是毫无意义的。使用fadeTo

function trans(id, opacity) {
    $(".pris_"+id).stop().fadeTo( 1000, opacity);
}

你可能应该使用和。同样，当鼠标移到一个即将消失的元素上时，你会得到奇怪的结果

您的代码可以写成

$(".trigger").on("mouseover mouseout", function(evt){
    var opacity = evt.type=="mouseover" ? 1 : .8;
    $(this).stop().fadeTo(1000, opacity);    
})

---

在淡入后设置元素的不透明度是毫无意义的。使用fadeTo

function trans(id, opacity) {
    $(".pris_"+id).stop().fadeTo( 1000, opacity);
}

你可能应该使用和。同样，当鼠标移到一个即将消失的元素上时，你会得到奇怪的结果

您的代码可以写成

$(".trigger").on("mouseover mouseout", function(evt){
    var opacity = evt.type=="mouseover" ? 1 : .8;
    $(this).stop().fadeTo(1000, opacity);    
})

---

什么是standalone stop（）函数？在元素中淡入没有意义，但您设置了它的不透明度？你为什么要做第二行。你想用，你有，这与不一样。什么是独立的stop（）函数？你在元素中淡入没有意义，但是你设置了它的不透明度？你为什么要做第二行。你想用，你在那里，问候是不一样的。