как использовать одновременность .mousemove и .mouseenter?

Я работаю над страницей, включая mousemove и мышь. К сожалению, я не могу найти работу для них обоих.

Здесь вы можете проверить движение мыши (над div «.flight3») (фон становится размытым, а глобус становится четким и анимированным)

var timer;
$(".flight3").mousemove(function() {
    if (timer) {
        clearTimeout(timer);
        timer = 0;
    }

    $('.flight1,.cycle-slideshow').fadeIn();
    timer = setTimeout(function() {
        $('.flight1,.cycle-slideshow').fadeOut()


    }, 320)


})

http://jsfiddle.net/Je9D6/



Здесь вы можете проверить ввод мыши (над div ".map") (фон становится размытым, а глобус становится четким и анимированным)

$(".map").mouseenter(function() {

    $('.flight1,.cycle-slideshow').fadeIn();

    })


$(".map").mouseleave(function() {

    $('.flight1,.cycle-slideshow').fadeOut();

    })

http://jsfiddle.net/Je9D6/1/



Когда я включаю и перемещение мыши, и ввод мыши, работает только перемещение мыши. Я также пробовал с наведением мыши вместо перемещения мыши: та же проблема.

Кто-нибудь знает, что я делаю неправильно..??

Большое спасибо


person Lambdaka    schedule 14.07.2014    source источник
comment
я запутался в том, что именно вы пытаетесь выполнить? вы пытаетесь вызвать одно и то же событие как для mousemove, так и для mouseenter? если это так, конечно, mousemove всегда будет непрерывно срабатывать... вам нужно переместить мышь, чтобы она ввела элемент   -  person Andrew Tran    schedule 14.07.2014
comment
Привет, да, это то, что я хочу сделать, но посмотрите здесь jsfiddle.net/Je9D6/6. при наведении на глобус движение мыши не работает, это то, что я хочу, но я не понимаю, почему мышь не входит. Что я могу сделать, чтобы иметь одно и то же событие для обоих действий?   -  person Lambdaka    schedule 14.07.2014
comment
На самом деле я хочу затухания, когда пользователь перемещает мышь, и затухания, когда пользователь перестает перемещать мышь. Но я тоже хочу, чтобы постепенное исчезновение происходило, когда пользователь наводит курсор на земной шар, даже если мышь не двигается.. Я не знаю, понятно ли мне..?   -  person Lambdaka    schedule 14.07.2014


Ответы (1)


Я думаю, вы ищете это:

$(".map").on("mouseenter mouseleave",
    function(e) {
        if(e.type == "mouseenter"){
            $('.flight1,.cycle-slideshow').fadeIn();
        }
        else{
            $('.flight1,.cycle-slideshow').fadeOut();
        }           
    });

скрипка

person Alex Char    schedule 14.07.2014
comment
Привет, Спасибо за ваш ответ. Моя вторая скрипка была действительно слишком схематичной, ваш код намного эффективнее! На самом деле я хотел бы объединить две скрипки. jsfiddle.net/Je9D6/6 Но работает только движение мыши, если я поставлю их оба. Вы имеете представление.? - person Lambdaka; 14.07.2014
comment
Причина flight3 охватывает все. - person Alex Char; 14.07.2014
comment
Привет, спасибо, алек, на самом деле нет, .flight3 находится чуть ниже .map (.map имеет z-индекс выше, чем Flight3), мы можем сказать, что причина mousevove не работает, когда курсор находится на .map… я не понять, почему mousemove останавливается .map, но не заставляет mouseenter работать. - person Lambdaka; 15.07.2014