1

我正在关注菜单栏的教程，但无法将其调整为使用 qTip，因为我似乎无法找到选择特定元素的方法。

 <div class="leftside">
        <!-- all things in floating left side -->
        <ul id="social">
            <li><a class="rss" href="#"></a>
                <!-- icon -->
                <div id="tiprss" class="tip">
                    <!-- tooltip -->
                    <ul>
                        <li><a href="#">580 Readers</a></li>
                        <li><a href="#"><small>[Subscribe]</small></a></li>
                    </ul>
                </div>
            </li>

我正在尝试获取可以按名称执行的 div“tiprss”，但我实际上想要，对于当前悬停的 li，它的子“tip”类......这是可行的吗？

关键是我可以将这个 div 标签中的 html 作为内容传递给 qTip。

4

3 回答 3

1

jquery 有一个悬停功能，可以很好地处理这个问题

$('.tip').hover(
     function() {
          var tipdiv = $(this);
          // mouse is over!
     },
     function() {
          var tipdiv = $(this);
          // mouse out!
     }
);
于 2010-06-07T16:27:17.660 回答
1

您可以像这样绑定mouseover事件$('#social li')：

$('#social li').bind('mouseover',function(e){
    $('#qTipID').html($(this).find('.tip').html());
});

我假设 qTip 消失了mouseout，所以不需要删除任何东西，因为它将在下一个被替换mouseover。 这是一个工作示例。

于 2010-06-07T20:16:35.707 回答
0

尝试： $('li div.tip').text()

于 2010-06-07T16:27:15.790 回答