Скрытие DIV, если мышь не закончена, после задержки?

Question

tooltip = "#tooltip";

При добавлении маркера на карту я добавляю прослушиватель:

google.maps.event.addListener(marker, 'mouseout', function () {
                        hideWindow(tooltip);
                    });

Что относится к этому:

function hideWindow(div) {
                var t = setTimeout("jQuery(div).hide()", 1000);
        }

Состояния Firebug 'div' не определено.Почему?

Answer 1

Вы не должны использовать строки внутри setTimeout, а замыкание.

например:

setTimeout(function(){
  jQuery(div).hide()
}, 1000)

Answer 2

Это не определено, потому что вы используете строковую версию setTimeout, поэтому ваша переменная div не находится в области видимости. Это не следует использовать, если это вообще возможно.

Попробуйте вместо этого:

function hideWindow(div) {
    var t = setTimeout(function() {
        jQuery(div).hide();
    }, 1000);
}

В качестве альтернативы, если вы хотите использовать анимацию jQuery, вы можете поместить задержку непосредственно в ваш обработчик событий, используя .delay():

google.maps.event.addListener(marker, 'mouseout', function () {
    jQuery(tooltip).delay(1000).hide('fast');
});