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

标签 jquery jquery-ui jquery-ui-theme jquery-ui-tooltip

情况

<小时/>

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

我对其他主题没有这个特殊问题。因此,我检查了 Aristo.css,不幸的是,我没有找到与工具提示宽度相关的任何内容。

以下是我初始化 jQuery 工具提示的方法:

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

更新

<小时/>

07.04

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

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

07.05

Image showing the issue

最佳答案

我看到了问题,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/

相关文章:

css - 如何覆盖 jQuery-ui.css 样式

jquery - 如何使用 JQuery 获取属性等于某个值的所有节点?

jquery - 将 jQuery 函数应用于单独出现的元素

javascript - 获取/检测 div 元素内容更改的日期和时间

jQuery Sortable 元素并不总是留在父元素中

jquery - 是否可以删除显示的内联样式:none using jquery?

javascript - 有没有办法进一步压缩这段 JavaScript 代码?

jquery - 使用 jquery ui themeroller 主题的最佳方式是什么

css - 带有 jQ​​ueryUI 的 IE7+ 圆 Angular

javascript - 如果一个元素正在被动画化,我如何用 jQuery 找出?