Beim Schweben eines Tags verschwindet es

Question

Ich habe eine Hover-Funktion eines Elements, das Daten in der Datenbank abruft. Es funktioniert gut, aber wenn ich die Maus auf das Ergebnis positioniere, wird es verschwinden. Wie kann ich das beheben?

meine HTML-Code:

<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 Code:

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

und meine css: innerhalb von li

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

Answer 1

Ich bin ein li-Tag hinzufügen und dieses Element gesetzt . Und das CSS von href hinzufügen.

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