2013-05-02 57 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') 
});