Когда я показываю скрытый div, я не могу получить доступ к информации, она мигает - PullRequest
Новая
       39

Когда я показываю скрытый div, я не могу получить доступ к информации, она мигает

0 голосов
/ 26 марта 2019

Я работаю над таблицей aviso с информацией из bd, затем td (title) назначаю события onmouseover и onmouseout, чтобы показать мне скрытый div, когда я передаю мышь для каждого из td, отображается информация о каждом из них. обратите внимание, но я не могу хорошо видеть информацию о div, потому что она мигает, она не остается статичной, пока я в ней работаю.

попробуй с модалом и сделай тоже самое

Я пытался с setTimeout, но он не работает, потому что некоторое время остается div другого идентификатора.

Код тд 

<td id="tdtitle" onmouseover="enable({{ $avisos->id }})" onmouseout="disable({{ $avisos->id }})">{{ $avisos->title}}</td>

Код Div 

<div class="avisoDetail" id="detail{{ $avisos->id }}">
  <a class="btn" href="#" title="">{{ $avisos->id }}</a>
</div>

Код JS 

function enable(e){
  $("#detail"+e).show();
}
function disable(e){
  $("#detail"+e).hide();
}

Код CSS 

.avisoDetail{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #df7401;
    display: none;
    font-size: 14px;
    left: 24%;
    overflow: scroll;
    padding: 10px;
    position: fixed;
    top: 150px;
    width: 776px;
    z-index: 9999;
    min-height: 800px;
    bottom: 0;
    box-shadow: 1px -1px 12px 1px rgba(0, 0, 0, 0.7);
}

Нам нужно получить доступ к информации внутри div, но если я перемещаю мышь, она начинает мигать

1 Ответ

0 голосов
/ 26 марта 2019

должно быть лучше таким образом?

Тело HTML 

<td id="tdtitle" data-ref="{{ $avisos->id }}">{{ $avisos->title}}</td>

Javascript 

$("#tdtitle").hover(
    function () {
      let refID = '#detail' + $(this).data('ref');
      $(refID).show();
    },
    function () {
      let refID = '#detail' + $(this).data('ref');
      $(refID).hide();
    }
);

и, возможно, иметь сообщение в ответ, чтобы узнать?

...