Jquery после наведения мыши делает подделку (мышь остается в) div около + 100px

Question

с помощью API наведения мыши в jquery легко.Но я хочу, чтобы при вызове функции наведения мыши я хотел создать виртуальный / поддельный div, скажем, около 100px вокруг div, а когда пользователь перетаскивает виртуальный div, я хочу вызвать функцию.* Как я могу создать виртуальный div?И назначить функцию jquery .mouseout для виртуального div?

Пожалуйста, помогите мне Спасибо

Answer 1

Вы будете смотреть на что-то вроде этого: Демо .

HTML

<div class="trigger"></div>

JQuery

$('div.outer').live("mouseleave", function(e) {
    $('.trigger', this).unwrap();
});

$('.trigger').mouseenter(function() {
    $(this).wrap("<div class='outer'>");
});

Предостережение : Я использовал jQuery 1.5.2 на примере jsfiddle, так как и 1.6, и edge отображают некоторые странно отличающиеся поведения. 1.6 не работает, так как событие mouseleave вызывается при выходе из дочернего элемента (trigger) (подробности об ошибках здесь ), а edge запускает событие mouseenter для trigger каждый раз. Это обходной путь (который теперь слово), проверяя className из parent, , как это . Это все в Chrome 12.