1

是否可以从属性 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>
4

3 回答 3

1

你可以这样做：

var $icon = $('.icon[x]');
$icon.qtip({
    content: $icon.attr('x')
});
于 2013-05-02T16:23:30.793 回答
0

尝试：

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

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

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

$('.icon').qtip({ content: $('.icon').attr('data-x') });
于 2013-05-02T16:14:30.800 回答
0

代码不起作用

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

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

于 2013-05-02T16:48:42.880 回答