javascript - Jquery 悬浮卡

Question

我正在使用 http://designwithpc.com/Plugins/Hovercard ，但我找不到如何在 hovercard 上声明 var。每个 job-desc 都有自己的 ID，悬停标签时应该调用它。我希望我解释得很好。

<li id="577" class="item">
    <span>
        <h3 class="padding-left"><label class="labeldesc" for="">Text</label></h3>
    </span>
    <span class="job-descr" id="hiden-577">TextTextTextTextText</span>
</li>
<li id="588" class="item">
    <span>
        <h3 class="padding-left"><label class="labeldesc" for="">Text2</label></h3>
    </span>
    <span class="job-descr" id="hiden-588">Text2Text2Text2Text2Text</span>
</li>

J查询代码:

$('.labeldesc').hovercard({
    var idhover=$(this).closest('.item').attr('id');
    detailsHTML:$("#hiden-" + idhover).html()
});

Answer 1

试一试:http://jsfiddle.net/X2q9z/

$('.labeldesc').hovercard({
    onHoverIn: function() {
        var txt = $($(this).parents('li')[0]).find('.job-descr').html();
        $(this).find('.hover_text').html(txt);
    },
    detailsHTML: '<div class="hover_text"></div>'
});