Jquery hovercard

Question

Я использую http://designwithpc.com/Plugins/Hovercard, но не могу узнать, как объявить переменную на hovercard. Каждое задание имеет свой собственный идентификатор, и его следует вызывать при наведении ярлыка. Надеюсь, я хорошо объяснил.

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

Код запроса:

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

Answer 2

Прежде всего, в вашем коде jQuery есть проблема.Вы не можете использовать var внутри вызывающей функции hovercard.

Я обновляю его, как вы хотели.Пожалуйста, возьмите лут на этом: http://jsfiddle.net/cnCmN/

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