JavaScript зависает динамически не удается

Question

JavaScript зависает динамически не удается

При попытке разместить курсор на динамическом изображении должен отображаться динамический div, если div для удаления мыши должен быть скрыт, если я перехожу на div после наведения на div, изображение должно оставаться видимым, если я выхожу из div, который у него есть чтобы спрятаться, я попытался сделать что-то подобное, но не работает должным образом. Если я перехожу к изображению, то div появляется, если я помещаю там мышиную метку, он скрывает div, как только я удаляю мышь, я не могу использовать параметры в div, если я помещаю мыши в div, как только я удаляю мышь из изображения, div не закрывается, извините за плохой английский, как решения для этого случая?

  function GoView_respond(id){
console.log('hovering');
document.getElementById("pending_req_"+id).style.display="block";
}

var cl=0;

function ExitView_respond(id){
console.log('not hovering');
if(cl!=1){
document.getElementById("pending_req_"+id).style.display="none";
}
}

<a onmouseover="GoView_respond('1');" onmouseout="ExitView_respond_one('1');">over_here</a>
<div class="respond_request" style="display:none;" id="pending_req_1" >
<p class="user_details" onmouseout="ExitView_respond('1');">asdfasdfasfsdffsadfsadfasf</p>
</div>

0

ajax hover javascript php

Решение

Другие решения

Других решений пока нет …

Источник

По вопросам рекламы [email protected]

Accepted Answer

Ниже код может помочь решить вашу проблему:

Javascript код:

    function GoView_respond(id){
console.log('hovering');
document.getElementById("pending_req_"+id).style.display="block";
cl = 1;
}

var cl=0;

function ExitView_respond(id){
console.log('not hovering');
if(cl!=1){
cl=0;
document.getElementById("pending_req_"+id).style.display="none";
}
}

function GoView_respond_one(id) {

setTimeout(function() {
if(cl == 1) {
cl = 0;
document.getElementById("pending_req_"+id).style.display="none";
}
}, 2000);
}
}

И HTML-код, как показано ниже

<a onmouseover="GoView_respond('1');" onmouseout="GoView_respond_one('1');">over_here</a>
<div class="respond_request" style="display:none;" id="pending_req_1" >
<p class="user_details" onmouseover="GoView_respond('1');" onmouseout="ExitView_respond('1');">asdfasdfasfsdffsadfsadfasf</p>
</div>

Демо-ссылка для вашей справки.

1