2013-05-02 67 views
1

是否可以显示来自属性data-x的qtip2 html内容?属性data-x的jQuery html内容?

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

如果你正在做一个自定义属性的使用:

jQuery的这段代码不能在属性数据-X

$('.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> 
+0

你应该有什么工作,假设浏览器不会因为无效而破坏你的跨度。 – 2013-05-02 16:12:08

回答

0

尝试用HTML工作data-作为前缀。 (例如:数据-X)

如果你改变你的属性数据-X,然后使用此代码:

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

你不正确 - 当评估data-'属性的值时,除非使用'.data('x')',否则仍然必须使用.attr('data-x')'。 – Terry 2013-05-02 16:19:15

+0

这是正确的。我应该更清楚一点,我正在给他解决当前的要求,并给他一个建议。 – 2013-05-02 16:30:40

1

你可以这样做:

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