I have the following code:
我有以下代码:
$('a.phonetooltip').qtip({ // Grab some elements to apply the tooltip to
content: {
text: 'Clicking this link will only work on mobile devices',
style: { classes: 'qtip-dark' }
}
})
I have been trying for ages to change the default styling to the dark style, but I can't get it to work. It always shows up with the default style.
多年来我一直在尝试将默认样式改为深色样式，但我无法让它正常工作。它总是以默认样式显示。
On the qTip2 guides it says:
qTip2指南上写着:
/* Basic styles */
.qtip-light{} /* Light coloured style */
.qtip-dark{} /* Alternative dark style */
.qtip-cream{} /* Cream-esque style, similar to the default */
.qtip-red{} /* Alert-ful red style */
.qtip-green{} /* Positive green style */
.qtip-blue{} /* Informative blue style */
/* CSS3 styles */
.qtip-rounded{} /* CSS3 border-radius class for applying rounded corners to your tooltips */
.qtip-shadow{} /* CSS3 box-shadow class for applying shadows to your tooltips */
.qtip-bootstrap{} /* Twitter Bootstrap style */
.qtip-youtube{} /* Google's new YouTube style */
.qtip-tipsy{} /* Minimalist Tipsy style */
.qtip-tipped{} /* Tipped libraries "Blue" style */
.qtip-jtools{} /* jTools tooltip style */
.qtip-cluetip{} /* Good ole' ClueTip style */
But it doesn't give example code of how to implement them. Help!
但是它没有给出如何实现它们的示例代码。的帮助!
1 个解决方案
#1
7
Might be because style is a separate property from content.
可能是因为样式是独立于内容的属性。
Try this:
试试这个:
$('a.phonetooltip').qtip({
content: {
text: 'Clicking this link will only work on mobile devices'
},
style: {
classes: 'qtip-dark'
}
})
#1
7
Might be because style is a separate property from content.
可能是因为样式是独立于内容的属性。
Try this:
试试这个:
$('a.phonetooltip').qtip({
content: {
text: 'Clicking this link will only work on mobile devices'
},
style: {
classes: 'qtip-dark'
}
})