当我显示隐藏的 div 时，我无法访问信息，它会闪烁

Question

我正在处理带有来自 bd 的信息的表格 aviso，然后一个 td（标题）分配事件 onmouseover 和 onmouseout 以向我显示一个隐藏的 div，当我通过每个 td 的鼠标时向我显示每个注意，但我无法很好地看到 div 的信息，因为它会闪烁，当我在其中工作时它不会保持静止。

尝试模态并做同样的事情

我尝试过使用 setTimeout，但它不起作用，因为它在一段时间内仍然是另一个 id 的 div。

代码 td

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

代码分区

<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 中的信息，但是如果我移动鼠标，它就会开始闪烁

Answer 1

这样应该会更好吗？

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();
    }
);

可能有消息作为回报知道吗？