Как вызвать jQuery hover (), когда курсор находится над целью?

Question

jQuery hover() работает правильно, когда мышь перемещается снаружи внутрь цели, и наоборот.Но когда мышь находится точно над целью hover() ничего не вызывает.

Вариант использования: курсор находится в середине окна, а страница загружает элемент посередине, в мыши нет мышкинаше вне элемента происходит.

Как можно вызвать mouseenter, когда мышь находится над целью?

И некоторый код (хотя этот вопрос более концептуален):

function showControls() {
    $('#controls').show();
}

function hideControls() {
    $('#controls').hide();
}

$('.panel').hover(showControls, hideControls);

ИHTML:

<div class='panel'>
    <div id='controls'>
        <button>Del</button>
    </div>
</div>

Answer 1

Отвечая на мой собственный вопрос:)

Добавление следующего исправляет проблему:

$('.panel').onmousemove(showControls);