Question

我正在使用 jQuery 1.11.1 和 qTip 2.2.2 这个js代码来获取qTip的隐藏div元素的内容：

$(document).ready( function () {

    $('.hasTooltip').each(function() {
    $(this).qtip({
            content: {
                text: $(this).next('div') 
            }
        });
    });

});

html是：

<div class="hasTooltip">Hover me to see a tooltip</div>
<div class="hidden">This is just a test!</div>

但它不起作用，这意味着黄色的qtip气泡会在悬停时出现，但根本没有文字。但是，如果我试着把它放在那里，就像这样：

content: {
    text: "Test!"
}

然后工具提示就像预期的那样显示。

知道我做错了什么吗？

解决 + 请求@qTtip开发人员

亲爱的qTip开发者，

请将.html()添加到此$(this).next('div') $(this).next('div').html()的末尾。目前，没有.html()的默认解决方案对我不起作用。谢谢。 其他信息我正在使用Bootstrap 3和Laravel 4以及qTip。

Answer 1

可能因为text属性不接受jQuery对象，所以尝试将div的内容作为其值传递

$(document).ready(function () {

    $('.hasTooltip').each(function () {
        $(this).qtip({
            content: {
                text: $(this).next('div').html()
            }
        });
    });

});

Answer 2

尝试

 text: $(this).next('div').text()

$（this）.next（'div'）没有抓住jQuery中的内容

2 个答案: