Mousein-mouseout мерцает, когда мышь проходит над выбранными детьми

0

Я хочу иметь mousein и mouseout для parrent div, который является "контейнером"; но когда вы наводите указатель мыши на "красные" и "черные", это мерцает (или, лучше сказать, это относится к событиям еще раз). Однако я не хочу связывать события еще раз, когда вы проходите над детьми, которые красные и черные div); Как я могу это решить? скрипка

JS:

$('#container').mouseover(function () {
    $('#red').stop(true, true).animate({
        width: '110px'
    }, 200);
})
$('#container').mouseout(function () {
    $('#red').stop(true, true).animate({
        width: '0px'
    }, 200);
})

благодаря

  • 0
    Просто предложение: 1) Вы можете использовать changing jQuery для улучшения производительности вашего кода, как эта скрипка, и 2) Вы можете просто использовать метод jQuery .hover() как эта скрипка . Метод .hover() связывает обработчики для событий mouseenter и mouseleave . Вы можете использовать его, чтобы просто применить поведение к элементу, пока мышь находится внутри элемента.
Теги:

1 ответ

2
Лучший ответ

попробуйте события mouseenter и mouseleave

  • 2
    +1 только для расширения ... mouseenter и mouseleave НЕ mouseleave при наведении mouseleave на ребенка родителя, что именно то, что вам нужно

Ещё вопросы

Сообщество Overcoder
Наверх
Меню