Javascript 使用带qTip 2.0的滚轮
我在我的网站上使用,它说我可以使用themeroller来设计我的工具提示。然而,我有点困惑,我是如何将themeroller与qTip一起使用的?它的页面上有教程,但Themeroller的部分是空白的 谁能帮我解决这个问题,因为我被卡住了 这是我的qTip代码:Javascript 使用带qTip 2.0的滚轮,javascript,jquery,qtip2,themeroller,Javascript,Jquery,Qtip2,Themeroller,我在我的网站上使用,它说我可以使用themeroller来设计我的工具提示。然而,我有点困惑,我是如何将themeroller与qTip一起使用的?它的页面上有教程,但Themeroller的部分是空白的 谁能帮我解决这个问题,因为我被卡住了 这是我的qTip代码: <script type="text/javascript"> var $j = jQuery.noConflict(); $j('.tool').qtip({ content: 'Tool Tip Text',
<script type="text/javascript">
var $j = jQuery.noConflict();
$j('.tool').qtip({
content: 'Tool Tip Text',
position: {
my: 'bottom left',
at: 'top left',
target: $j('.tool')
},
style: {
classes:
'ui-tooltip-tipsy' /*This is a style that comes with qTip 2.0 - I want to
replace with a themeroller style.*/
}
});
</script>
var$j=jQuery.noConflict();
$j('.tool').qtip({
内容:“工具提示文本”,
职位:{
我的:“左下角”,
在“左上角”,
目标:$j(“.tool”)
},
风格:{
课程:
“ui tooltip tipsy”/*这是qTip 2.0附带的样式-我想
替换为themeroller样式*/
}
});
需要添加:)
需要添加:)我猜这是我有点困惑的地方-我添加了小部件:真的,它指向了themeroller样式的CSS的位置和方式?我只是把它和qtip放在同一个文件夹中吗?如果你添加Widget:true,它会使用来自ThemeRoller的类。所以你只需要把ThemeRoller主题CSS文件包含在你的头脑中-它应该会很完美:)我猜这就是我有点困惑的地方-我添加了小部件:真的,它指向ThemeRoller样式的CSS的位置和方式?我只是把它和qtip放在同一个文件夹中吗?如果你添加Widget:true,它会使用来自ThemeRoller的类。因此,您只需要将ThemeRoller主题CSS文件包含在您的头脑中,它的工作应该是完美的:)
style: {
classes: 'ui-tooltip-shadow', // Optional shadow...
tip: 'top center', // Tips work nicely with the styles too!
/*
* The important part: style.widget property
* This tells qTip to apply the ui-widget classes to
* the main, titlebar and content elements of the qTip.
* Otherwise they won't be applied and ThemeRoller styles
* won't effect this particular tooltip.
*/
widget: true
}