2016-05-31 67 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