jQuery 工具提示插件 qtip2 - 如何定义像 qtip1 这样的自定义样式?

标签 jquery qtip2

我正在使用很棒的 jquery 工具提示插件 qtip 2。如果您还没有使用过,请检查一下。 http://craigsworks.com/projects/qtip2/

有谁知道如何为工具提示定义自己的自定义 CSS(工具提示颜色、边框、背景、半径等),而不是使用预定义的工具提示样式?

我尝试过的:

  • 我查看了他们的风格指南,但其中没有关于定义您自己的风格的内容。 http://craigsworks.com/projects/qtip2/docs/style/
  • 尝试过他们的论坛,但无法访问(现已恢复)
  • 创建我自己的工具提示类并引用它们
  • 转换我的 qtip 版本 1 样式定义(失败)

如果这个问题对您有帮助,请告诉我!

最佳答案

我个人的网站有 5 个主题。我碰巧使用jQuery UI's ThemeRoller要做到这一点。 jQuery UI 和 qTip2 使用相同的类名。

我发现的唯一警告是包含 CSS 文件的顺序。您需要覆盖 qTip2 样式,因此只需在 qTip2 CSS 文件之后包含 jQuery UI CSS 文件即可。

这样做可以让您下载 qTip2 的更新,而不必担心您的自定义 qTip2 样式被覆盖,并且为您提供一个漂亮的 GUI 来创建主题。

关于jQuery 工具提示插件 qtip2 - 如何定义像 qtip1 这样的自定义样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10146276/

相关文章:

javascript - 加载文档后获取当前运行的javascript文件名

javascript - 如何使 qtip2 工具提示动态化

javascript - qTip 文本提示简单插件不起作用

javascript - qTip2 隐藏 - 结合未聚焦、不活动和固定

jquery - 在调用 Bootstrap Modal 之前先进行验证

php - 在复选框选择上提交表单

jQuery 快速切换淡入/淡出,即使未完成

javascript - 立即键入并更改一个 div innerhtml

javascript - qtip2 气球和 php 表 : different balloon content for each row?

php - Qtip2,在工具提示模态上隐藏小提示?