Question

我有一个用于检索数据库中数据的元素的悬停函数。它工作正常，但当我将鼠标放在结果上时它会消失。我该如何解决这个问题。

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

Answer 1

我添加了li标签并将该元素放入li中。并添加了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;
}

在悬停标记时，它会消失

1 个答案: