如何使用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")});
});