我使用Aristo作为我的jQuery UI主题。它工作得很好,但是当它显示工具提示时,它们覆盖了100%的页面宽度。
我没有其他主题的这个特殊问题。所以我检查了Aristo.css
,遗憾的是我没有找到任何与工具提示宽度有关的内容。
以下是我初始化jQuery工具提示的方法:
jQuery(document).ready(function() {
}).tooltip();
似乎Aristo只为jQuery工具提示完全删除了样式。默认工具提示工作正常。
因此工具提示的默认宽度为100%
,也没有填充。
答案 0 :(得分: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 */
希望这会有所帮助;)