鼠标悬停在元素上时,Jquery触发未阻塞的悬停

时间:2014-02-07 21:55:46

标签: javascript jquery html css hover

甚至可能吗?

我使用带有元素id检查的hover-block系统来防止用户移动鼠标和错误位置的元素时出现错误的动画/动作。现在一切正常,但是如果我正在徘徊一个元素并触发他的动画和其他东西,我不能只是将他徘徊,让我的鼠标悬停在另一个元素上,并在新的悬停将被解锁时及时触发他的悬停动画。所以它需要像离开元素这样的动作并再次悬停他,最终触发新的动画。对不起英语和解释不好。

http://jsfiddle.net/LFcgm/1/

悬停取消阻止的示例。

function() {
        console.log("hoverout " + hoveredElementID);
        if (hoveredElementID === $(this).attr('id')) {
            var $this = $(this);
            var t = setTimeout(function() {
                hovered = 0;
                console.log(hovered + "leaved");
                $this.css({'-webkit-transform' : 'rotate(' + angle + 'deg)'});
                $this.css({'left' : currentLeft + 'px', 'top' : currentTop + 'px', 'z-index' : currentZindex});
                $this.removeClass('focusedPic').off('click');
                hoveredElementID = "";
            }, 300);
            $(this).data('timeout', t);
        }

0 个答案:

没有答案