页面加载时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条目:多个重要的类声明和优先级帮助我:"如果在两个规则中声明了相同的属性,则首先通过特异性解决冲突,然后根据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" />