Question

我在我的网站上使用qTip 2.0，它说我可以使用themeroller来设置我的工具提示。然而，我有点困惑，因为我如何使用带有qTip的themeroller？它的页面上有教程，但Themeroller的部分是空白的。

任何人都可以帮我解决这个问题。

这是我的qTip代码：

<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>

Answer 1

    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
    }

需要添加：）

在qTip 2.0中使用Themroller

1 个答案: