jQuery Aristo 主题移除了工具提示的样式

Question

情况

---

我使用Aristo 作为我的 jQuery UI 主题。它工作得很好，但在显示工具提示时，它们会覆盖 100% 的页面宽度。

我对其他主题没有这个特殊问题。所以我检查了Aristo.css，不幸的是我没有发现任何与工具提示宽度相关的东西。

这是我如何初始化 jQuery 工具提示：

jQuery(document).ready(function() {
}).tooltip();

更新

---

07.04

Aristo 似乎只完全删除了 jQuery 工具提示的样式。默认工具提示运行良好。

因此工具提示的默认宽度为100%，也没有填充。

07.05

Answer 1

我看到了问题，Aristo 主题不会删除工具提示的样式。实际上它没有为 tooltip 提供 css 样式，这就是样式丢失的原因。

因此，您至少应该将其添加到您的 css 文件中：

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
    border-width: 2px;
}
/* Copied from jQuery UI css */

希望这会有所帮助；）