悬停标签消失

我有一个悬停功能的元素，检索数据库中的数据。它工作正常，但是当我将鼠标放在结果上时，它将消失。我怎样才能解决这个问题。悬停标签消失

我的html代码：

<label class="pending"><a>'+parseFloat(details.pending_aprov).toLocaleString(undefined, {minimumFractionDigits: 2,maximumFractionDigits: 2})+'</a></label>\ 
             <div class="pending pending'+details.po_no+'" ></div>

jQuery代码：

$('label.pending').hover(function(){ 
        var po_id = $(this).closest('tr').find('.po_id').val(); 
        $.getJSON('/dev/api/getpending?po_id=' +po_id, function(results2){ 
         $('div.pending'+po_id+'').empty(); 
         $.each(results2, function(key, details){ 
          $('div.pending'+po_id+'').append('<tr><td><a href="" >CV - '+details.cv_header_id+'</a></td></tr>'); 
         }) 
        }) 
        $('div.pending'+po_id+'').slideToggle(); 
       })

和我的CSS：

div.pending{ 
    position: absolute; 
    margin-top: -2px; 
    display: none; 
    float: left; 
    clear: both; 
    background-color: #666; 
    padding: 0 2% 2% 2%; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    list-style: none; 
}

来源

2016-08-05 Michael Sanchez Esmero

我想我们需要更多的HTML语境 - 请从'复制'。另外，您是否检查过Web开发者控制台是否有错误（例如，按Google Chrome中的F12）？ – Owen

我加入一个L1标签，并把该元素里的内。并添加href的css。

HTML：

<li class="pend" style="list-style: none;"><label><a href="#">'+parseFloat(details.pending_aprov).toLocaleString(undefined, {minimumFractionDigits: 2,maximumFractionDigits: 2})+'</a></lable>\ 
             <div class="pending pending'+details.po_no+'" ></div></li>

CSS：

a { 
    text-decoration: none; 
    color: white; 
    background-color: #666; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    padding: 10px 20px; 
    list-style: none; 
}

来源

2016-08-05 02:56:53

悬停标签消失

回答

相关问题