[英]Unable to apply styles using “ style option” in qtip
我正在尝试使用文档样式演示中给定的qtip中的style选项使用样式,但是它不会影响我的代码,它会覆盖jquery.qtip.min.css类以进行样式设置。 有什么办法我可以同时使用两者,但要优先选择style选项 。
这是我的代码供参考
html代码:
<div id="styleChange1" class="innerDiv">Hover to get styled qtip</div>
js代码:
$(document).ready(function() {
$("#styleChange1").on({
mouseover: function () {
ShowQtip(element1,"bottomMiddle","bottomMiddle","topMiddle") ;
},
mouseleave: function () {
$(this).qtip("destroy");
}
});
});
function ShowQtip(element,contentTxt,position1,position2) {
if(element == null)
return
element.qtip({
content: contentTxt,
show: true,
position: {
my: position1, // Position my top left...
at: position2
},
hide: {
event: false
},
style: {
width: 200,
padding: 5,
background: '#A2D959',
color: 'black',
textAlign: 'center',
border: {
width: 7,
radius: 5,
color: '#A2D959'
},
tip: contentTxt,
name: 'dark' // Inherit the rest of the attributes from the preset dark style
});
}
请任何建议将是一个很大的帮助。
尝试使用此代码...
$("jqueryselector").qtip({
content: 'Stems are great for indicating the context of the tooltip.',
style: {
tip: { // Now an object instead of a string
corner: 'topLeft', // We declare our corner within the object using the corner sub-option
color: '#6699CC',
size: {
x: 20, // Be careful that the x and y values refer to coordinates on screen, not height or width.
y : 8 // Depending on which corner your tooltip is at, x and y could mean either height or width!
}
} } });
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.