5

我在我的文本框上使用 jquery ui 工具提示，我已经定义了一个这样的自定义类和

.ui-tooltip1 {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    background-color:white !important; 
    color: Red !important;
}

我这样使用它：

         $(".phone").tooltip({
            tooltipClass: "ui-tooltip1"
        });

但是当我第一次加载页面时没有应用这个类。在页面加载时应用默认工具提示类。页面加载时如何在工具提示上应用此类？

请建议。

4

2 回答 2

8

只需使用$(document).ready

$(document).ready(function() {
    $(".phone").tooltip({
        tooltipClass:"ui-tooltip1"
    });
});
于 2013-02-24T17:21:04.640 回答
8

我有同样的问题。这对我有帮助：
jquery-ui 工具提示类和您自己的自定义类都分配给了工具提示元素具有 ui 类和您的自定义类的 ui 工具提示。
这个 SO 条目：多个！重要的类声明和优先级帮助了我：“如果在两个规则中声明了相同的属性，则首先通过特异性解决冲突，然后根据 CSS 声明的顺序。类属性不相关。” .

所以我可以通过先调用 ui-css然后我自己的 css来解决这个问题：

<link rel="stylesheet" href="../css/jquery_ui_1.10.1.css" type="text/css" />
<link rel="stylesheet" href="../css/myown.css" type="text/css" />
于 2013-02-26T18:26:58.197 回答