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

并且可能有消息要回去知道吗？

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

1 个答案: