Javascript 停下来,；单击鼠标可重新悬停

我有一个容器，当鼠标悬停在（

#module container

）上时，它会在计时器上淡出，但当单击

。return news

时，它会停止鼠标悬停并防止其淡出。现在我需要它，当通过函数调用时，我需要像以前一样在

#module container

上再次允许悬停效果。以下是悬停代码：

var module = $('#module-container');
$('.menu-control').add(module).mouseenter(function() {
    module.stop().show();
    clearTimeout(window.mtimer);
        console.log('hovered');
});

$('.menu-control').add(module).mouseleave(function() {
    var time = 3000;
    window.mtimer = setTimeout(function() {
        module.fadeOut(600);
    }, time);
    console.log(window.mtimer);
});

通过单击

.return news

，我成功地用以下行停止了悬停：

$('.return-news').on('click',function(e) {
    e.stopPropagation();
    module.add('.menu-control').off('mouseenter').off('mouseleave');
    console.log('stop it!');
});

不工作：如果单击“下一个视频”，则需要重新启用悬停（然后将使用先前声明的mouseeneter和mouseleave功能）。我试着打这个电话，但没用：

$('.next-video').on('click',function(e) {
    e.stopPropagation();
    module.add('.menu-control').on('mouseenter').on('mouseleave');
});

稍后，我将通过使用Vimeo的API（而不是

.next video

click）调用它来重新启用悬停，但为了时间起见，我将代码剥离为它的基本功能

---

我不确定您的最终产品应该是什么样子或功能！什么时候需要悬停？“悬停应该在什么时候消失？”德夫肖尼-很抱歉搞混了。这看起来很奇怪的原因是，我剥离了我的请求，在我遇到问题的地方展示了功能。我已经更新了我的问题。如果我需要进一步解释，请告诉我。谢谢你的帮助！您只需将一个类“selected”的样式设置为：hover，然后单击后，切换“selected”类。看起来悬浮在那里好像被冻结了。