Question

是否可以在属性data-x中显示qtip2 html内容？

jquery - 此代码不适用于属性data-x

中的html

$('.icon[data-x]').qtip({
    content: {
        attr: 'data-x'
    },
    position: {
        my: 'bottom center',
        at: 'top center'
    }
});

HTML

<span class="icon" href="#" data-x="<strong>HTML</strong><br>content"></span>

Answer 1

你可以这样做：

var $icon = $('.icon[x]');
$icon.qtip({
    content: $icon.attr('x')
});

Answer 2

尝试：

$('.icon').qtip({ content: $('.icon').attr('x') });

如果您正在使用自定义属性，请使用数据作为前缀。（例如：data-x）

如果您将属性更改为data-x，请使用以下代码：

$('.icon').qtip({ content: $('.icon').attr('data-x') });

Answer 3

代码不起作用

问题在于解析HTML代码（可能需要在jquery中使用.html（））

帮助链接（但此代码获取span x的内容而不是span属性x） http://craigsworks.com/projects/forums/thread-use-hovered-element-s-own-html-for-qtip-content

jQuery html属性data-x的内容？

3 个答案: