懸停標籤消失

我有一個懸停功能的元素，檢索數據庫中的數據。它工作正常，但是當我將鼠標放在結果上時，它將消失。我怎樣才能解決這個問題。懸停標籤消失

我的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

懸停標籤消失

回答

相關問題