页面加载时jquery ui工具提示自定义类

Question

我在我的文本框上使用了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"
        });

但是我第一次加载页面时不应用此类。在页面加载默认工具提示类已应用。如何在页面加载时在工具提示中应用此类？

请建议。

Answer 1

只需使用$(document).ready

即可

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

Answer 2

我遇到了同样的问题。 这对我有什么帮助：
jquery-ui工具提示类和您自己的自定义类都分配给工具提示元素。
这个SO条目：Multiple !important class declarations and precedence帮助了我：“如果在两个规则中声明了相同的属性，则首先通过特异性解决冲突，然后根据CSS声明的顺序解决冲突。 class属性不相关。“。

所以我可以通过首先调用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" />