Отобразите второй div после некоторой задержки и оставьте второй div видимым, если мышь находится над первым или вторым div

Question

Отобразите второй div после некоторой задержки и оставьте второй div видимым, если мышь находится над первым или вторым div

0

В контексте предыдущего вопроса: -

Держите второй div видимым, если мышь находится над первым или вторым div

Как можно сделать так, чтобы второй div отображался после некоторой задержки (1 секунда), а затем сохранял div видимым, если мышь находится над первым или вторым div.

Я сделал некоторый прогресс, но он не работает. Почему это не работает?

Текущий прогресс :-

var display = false;

$(".the-dropdown, .menu-item").hover(function () {    
    display = true;
    setTimeout(function () {
        show_sub_menu($(this));
    }, 1000);
}, function () {
    display = false;
    setTimeout(function () {
        hide_sub_menu($(this));
    }, 1000);    
});

function show_sub_menu(obj) {
    //alert(obj); // debugging
    if (display === true) {
        obj.show();
    }
}

function hide_sub_menu(obj) {
    if (display === false) {
        obj.hide();
    }
}

jsfiddle

Omar Tariq 19 сен. 2013, в 11:59

Источник

Теги:

javascript

jquery

html

css

2 ответа

0

TRY Это: DEMO

$('.menu-item , .the-dropdown').hover(
    function(){
               $("div.the-dropdown").delay('1000').show();
              }
    , function(){
              $("div.the-dropdown").delay('1000').hide();
              }
);

Charaf JRA 19 сен. 2013, в 08:36

0

Спасибо за ваши усилия. Правильное решение, которое требовалось, находится здесь: - jsfiddle.net/85svp/2
Omar Tariq 19 сен. 2013, в 10:58
0

@OmarTariq попробуй мой новый ответ, он проще чем твой
Charaf JRA 19 сен. 2013, в 11:09
0

когда я перемещаю курсор мыши на div A. D div B появляется мгновенно. Извините, если я не ясен в моих словах. Но требуемое поведение заключается в том, что, когда я перемещаю мышь над элементом div A, он должен подождать не менее 1 секунды, прежде чем Div B покажет ниже A. А когда мышь не находится ни на A, ни на B, то B должен немедленно скрыть себя. Спасибо
Omar Tariq 19 сен. 2013, в 11:26

Показать ещё 1 комментарий

Ещё вопросы

Спасибо за ваши усилия. Правильное решение, которое требовалось, находится здесь: - jsfiddle.net/85svp/2
@OmarTariq попробуй мой новый ответ, он проще чем твой
когда я перемещаю курсор мыши на div A. D div B появляется мгновенно. Извините, если я не ясен в моих словах. Но требуемое поведение заключается в том, что, когда я перемещаю мышь над элементом div A, он должен подождать не менее 1 секунды, прежде чем Div B покажет ниже A. А когда мышь не находится ни на A, ни на B, то B должен немедленно скрыть себя. Спасибо

Omar Tariq · Accepted Answer · 2013-09-19T09-32-00.000Z

Для тех, кто ищет ответ на этот вопрос:

jsfiddle

var display = false;
$(".the-dropdown, .menu-item").hover(function () {    
    display = true;
    setTimeout(function () {        
        if (display === true) {            
            $('.the-dropdown').show();
        }
    }, 300);
}, function () {    
    display = false;
    setTimeout(function () {
        if (display === false) {            
            $('.the-dropdown').hide();
        }
    }, 100);
});