2016-05-31 93 views
0

我想爲我的qTip2工具提示添加一個標題。目前我有這樣的代碼:qTip2 - 將標題欄添加到我的工具提示?

<script> 
    $(document).ready(function() { 
     $('[title]').qtip({ 
     style: { classes: 'qtip-dark'}  
    }); 
}); 
</script> 

<div title="TITLE">TEXT</div> 

這給了我一個簡單的工具提示文本(http://beta.summonersindex.com/test.html)。我只是沒有設法添加標題,因爲它顯示在演示頁面上:http://qtip2.com/demos('添加標題')。 我爲此搜索了一個解決方案,但它們或者過時或者不適合我。我希望你們能幫助我!謝謝:)

回答

1

你可以這樣說:

JS

$(document).ready(function() { 
    $('.someText').qtip({ 
     style: { classes: 'qtip-dark'}, 
     content: { 
      text: 'Your text here', 
      title: 'Your title here' 
     } 

    }); 
}); 

HTML

<div class="someText">TEXT</div> 
+0

感謝隊友,這是工作!另一個問題:我爲我的工具提示有一個自定義樣式:'.si {border:1px solid #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:rgba(0,0,0,0.8); font-family:「Verdana」; color:#fff; font-size:12px; }'我現在如何定製標題欄? :) – bastianum

+0

沒關係,明白了:'.si .qtip-titlebar {STYLE}' – bastianum