jquery "this"分隔悬停

Question

我有一个我的客户正在使用的自定义播放器，他们给我的 javascript 很糟糕......真的很糟糕。我真的不想从头开始重做，所以我想我可以采用他们的原始代码

var togglePlayer = function(){
        $('.jp-gui').slideUp();
        $('#jp_container, #jp_container2').hover(
            function () {
                $('.jp-gui').slideDown();
            },
            function () {
                $('.jp-gui').slideUp();
            }
        );
    };

我尝试用这个修复它:

var togglePlayer = function(){
        $('.jp-gui').slideUp();
        $('#jp_container, #jp_container2').hover(
            function () {
                $(this + '.jp-gui').slideDown();
            },
            function () {
                $(this + '.jp-gui').slideUp();
            }
        );
    };

现在它似乎只是不接受悬停。我用 .toggleSlide 完全重写了它，解决了悬停问题，但又造成了 10 个问题。

有谁知道一个简单的修复方法，以便当我将鼠标悬停在 #jp_container 上时，它不会在 #jp_container2 上执行悬停动画，反之亦然？

Answer 1

$('#jp_container, #jp_container2').hover(function() {
    $(this).find('.jp-gui').stop(true, true).slideToggle();
});