Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何使用qtip2自定义按钮_Jquery_Jquery Ui_Qtip2 - Fatal编程技术网

Jquery 如何使用qtip2自定义按钮

Jquery 如何使用qtip2自定义按钮,jquery,jquery-ui,qtip2,Jquery,Jquery Ui,Qtip2,在qtip2演示页面上:样式和自定义部分下有按钮。如何做到这一点。 每个样式都是与jquery.qtip.CSS文件不同的CSS类 .qtip shadow添加阴影 .qtip圆角添加圆角边 .qtip黄色添加黄色等颜色。。等 当您查看未压缩的CSS文件时。第一列中.qtip default之后的所有类名都是样式修饰符 创建黄色qtip的步骤 $(".tooltip").qtip({style:{classes: "qtip-yellow"}); 从qtip元素应用样式的步骤 <div

在qtip2演示页面上:样式和自定义部分下有按钮。如何做到这一点。

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

.qtip shadow添加阴影 .qtip圆角添加圆角边 .qtip黄色添加黄色等颜色。。等 当您查看未压缩的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")});
});

如果我们想添加到qtip的内容中,我们需要直接应用这些类。假设我在图像中有一个像上面那样的按钮,并想添加像上面图像中css3最后一个按钮那样的效果。@Cindrella我要做的是给HTML一些自定义数据属性,然后将这些设置传递给qtip。查看我的编辑