jQuery UI - 恢复基本样式和功能

时间:2015-05-15 08:17:30

标签: javascript jquery css jquery-ui

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

假设我想在跨度上提供工具提示。初始化工具提示后,它会以某种方式显示在屏幕的边缘(left: 0px;)。

我认为这是由当前应用程序代码(样式或js)与jQuery UI代码的交集引起的。

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

问题是,有没有办法以某种方式“隔离”我的jQuery UI元素,以便它们能正常工作?

1 个答案:

答案 0 :(得分:1)

"隔离"的唯一方法来自自定义CSS的jQuery-ui是使用除jQuery-ui之外的CSS类。所有jQuery类都以.ui-*开头,因此您必须创建任意数量的类,但它们不应以ui-为前缀。

我建议你不要更改jQuery样式,这样你就可以在不引起问题的情况下更新库。

另一种解决方案是使用CSS Selector Scope。您可以在download builder中实现解决方案,从而自动化将范围应用于主题的过程。您可以在主题范围字段中输入一个CSS选择器,表示您的主题应该应用的页面(或您的网站)的一部分。 (read more here

希望这对你有所帮助。