jQuery UI -恢复基本的风格和功能

jQuery UI - restore basic style and functionality

本文关键字：风格功能 UI 恢复 jQuery 更新时间：2023-09-26

我有一个旧代码的应用程序。这段代码以某种方式干扰了jQuery UI元素的功能和样式。

假设我想在span上有一个工具提示。在我初始化工具提示之后，它以某种方式出现在屏幕的边缘(left: 0px;)。

我认为这是由于当前应用程序代码(样式或js)和jQuery UI代码的交叉造成的。

我不确定问题出在哪里，我认为几乎不可能确定。

问题是，是否有任何方法来"隔离"我的jQuery UI元素，使他们将工作和看起来正确?

将jQuery-ui与自定义CSS"隔离"的唯一方法是使用jQuery-ui以外的CSS类。所有的jQuery类都以.ui-*开头，所以你必须创建尽可能多的类，但它们不应该以ui-为前缀。

我建议你不要改变jQuery样式，这样你就可以更新库而不会引起问题。

另一个解决方案是使用CSS选择器作用域。您可以在下载构建器中实现解决方案，该构建器将范围应用于主题的过程自动化。主题范围字段是您将输入CSS选择器的地方，表示您的主题应该应用的页面(或站点)的一部分。(点击此处阅读更多内容)