将 Themroller 与 qTip 2.0 结合使用

发布于 2024-12-03 13:20:35 字数 660 浏览 5 评论 0原文

我在我的网站上使用 qTip 2.0 ,它说我可以使用 themeroller 来设计我的工具提示。但我对如何将 themeroller 与 qTip 一起使用感到有点困惑?它的页面上有教程,但 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>

I am using qTip 2.0 on my site and it says I can use themeroller to style my tool tips. Yet I am a bit confused as how I use the themeroller with qTip? It has tutorials on its page but the section for Themeroller is blank.

Can anyone help me with this as I am stuck.

Here is my qTip Code:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

笑红尘 2024-12-10 13:20:35
    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
    }

需要补充:)

    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
    }

Needs to be added :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文