Question

我试图在点击时禁用动画，因为点击后动画开始移动，如果你仍然在一个物体上盘旋，它会冻结，最终结果是动画停止运行并且它只是移动，

我在悬停时冻结动画的代码是

function show_box() {
  if($(window).width() > 768) {
    $('.tab-content').hide(0,
      function() {
        $(this).prev().css('right', '29.337803855%');
        $(this).prev().children().children().click(function () {
            $('.favorite').off('mouseenter').css('-webkit-animation-play-state', 'running');
            $('.secret').off('mouseenter').css('-webkit-animation-play-state', 'running');
            $('.current-projects').off('mouseenter').css('-webkit-animation-play-state', 'running');
            $('.tab-selection').animate({right: 0}, 3000).queue(function() {
                $('.tab-content').show(1000);
            });
            $('.favorite').on('mouseenter');
            $('.secret').on('mouseenter');
            $('.current-projects').on('mouseenter');
        });
      }
    );
  }    
}

禁用鼠标悬停鼠标和鼠标左键

.off('mouseenter')

但是在功能完成后，移动完成我设置

.on('mouseenter')

但它不会重新启用。

Answer 1

首先，我认为你的代码可能会短得多。

请在jQuery文档中查看它没有的on函数，你期待的是什么！

我认为你应该设置一个全局变量，如果它现在被禁用，并且在eventhandler中你首先检查变量并在它被禁用时中止。

如何在jquery中重新启用按钮悬停

1 个答案: