情况
<小时/>我正在使用Aristo作为我的 jQuery UI 主题。它工作得很好,但当涉及到显示工具提示时,它们会覆盖 100% 的页面宽度。
我对其他主题没有这个特殊问题。因此,我检查了 Aristo.css
,不幸的是,我没有找到与工具提示宽度相关的任何内容。
以下是我初始化 jQuery 工具提示的方法:
jQuery(document).ready(function() {
}).tooltip();
更新
<小时/>07.04
看来 Aristo 仅完全删除了 jQuery 工具提示的样式。默认工具提示工作正常。
因此,工具提示的默认宽度为 100%
,也没有填充。
07.05
最佳答案
我看到了问题,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 */
希望这有帮助;)
关于jQuery Aristo 主题删除了工具提示的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17469173/