3

我使用http://designwithpc.com/Plugins/Hovercard,但我無法找到如何在hovercard上聲明var。每個job-desc都有自己的ID,當懸停labeldes時應該調用它。我希望我解釋得很好。Jquery 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> 

jQuery代碼

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

回答

5

給這一個鏡頭:http://jsfiddle.net/X2q9z/所有jQuery代碼有問題的

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

完美,非常感謝你! – 2012-01-03 18:05:55

+1

我最終完成了[相同](http://jsbin.com/ebujib/edit#javascript,html,live),而是使用了:'var txt = $(this).closest('。item')。find ('.job-descr')。html();'而不是... – balexandre 2012-01-03 18:08:25

+0

我知道這是一段時間,但我怎麼能改變cardImgSrc屬性? – 2015-06-06 23:49:34

2

第一。你不能在調用hovercard函數中使用var。

我按照你的意願更新它。請在這裏採取戰利品:http://jsfiddle.net/cnCmN/

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

所以這應該是一個更簡單和更好的解決方案? – 2012-01-03 18:36:18

+0

它完全基於您的代碼:-)這種方式的性能明智可能會更好,因爲它不需要在鼠標上查找操作。 – Qorbani 2012-01-03 18:52:46