4

情况


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

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

下面是我如何初始化 jQuery 工具提示:

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

更新


07.04

似乎 Aristo 仅完全删除了 jQuery 工具提示的样式。默认工具提示工作正常。

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

07.05

显示问题的图片

4

1 回答 1

2

我看到了问题,Aristo 主题不会删除工具提示的样式。实际上它没有为工具提示提供 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 */

希望这可以帮助 ;)

于 2013-07-10T13:21:34.953 回答