如何使用qtip2自定义按钮

Question

在qtip2演示页面http://qtip2.com/demos：样式和自定义部分下有按钮。如何实现这一目标。

​

Answer 1

每种样式都是与jquery.qtip.css文件不同的CSS类。

• .qtip-shadow添加阴影
• .qtip-rounded添加圆角边
• .qtip-yellow添加黄色(等等)。(等等)

查看未压缩的CSS文件时。第一列中.qtip-default之后的所有类名都是样式修饰符。

创建黄色qtip

$(".tooltip").qtip({style:{classes: "qtip-yellow"});

从qtip元素应用样式

<div class="tooltip" data-style="qtip-yellow"/>

$(".tooltip").each(function(){
    $(this).qtip({style:{classes: $(this).data("style")});
});