有一个列表(项目没有id)如何在鼠标悬停时显示div弹出窗口?

时间:2011-04-10 16:58:59

标签: javascript jquery html popup mouseover

所以我有一个像

这样的清单
<ul id="usersList">
   <li><form>
       <input class="eButton" type="button" value="robot669394444"
              onClick="openWin('robot669394444',1280,720)">
   </form></li> 
   <li><form>
       <input class="eButton" type="button" value="robot6693925"
              onClick="openWin('robot6693925',1280,720)">
   </form></li> 
</ul>

并清空div,ID为PoPa。我想拥有jQuery函数,使得div在按钮用户鼠标结束时显示为工具提示并在该div中显示该项值?

2 个答案:

答案 0 :(得分:1)

$("#usersList .eButton").hover(function(){
    //show & position tooltip here
}, function(){
    //hide tooltop here
});

答案 1 :(得分:1)

你正在寻找这样的东西:

$('#usersList input[type=button]').hover(
    function() { /* Position and show #PoPa */ },
    function() { /* Hide #PoPa              */ }
);

在调用第一个回调时,您想要的文本将位于this.value(或$(this).val(),如果您有$(this)构建用于其他用途)。