jquery lớp ui tooltip tùy chỉnh trên tải trang

Question

Tôi đang sử dụng jquery ui tooltip vào textbox của tôi và tôi đã xác định một lớp tùy chỉnh như thế này và

.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; 
} 

Tôi đang sử dụng nó như thế này:

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

nhưng lớp này không được áp dụng khi tôi tải trang lần đầu tiên. trên lớp công cụ mặc định tải trang được áp dụng. Làm thế nào tôi có thể áp dụng lớp này trên chú giải công cụ khi tải trang?

Vui lòng đề xuất.

Answer 1

Chỉ cần sử dụng $(document).ready

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

Answer 2

tôi đã cùng một vấn đề. Đây là những gì đã giúp tôi:
Cả hai lớp chú giải công cụ jquery-ui và lớp tùy chỉnh của riêng bạn được gán cho phần tử tooltip .
Mục SO này: Multiple !important class declarations and precedence đã giúp tôi: "Nếu cùng một thuộc tính được khai báo trong cả hai quy tắc, xung đột được giải quyết trước thông qua tính cụ thể, sau đó theo thứ tự của các khai báo CSS. không liên quan.".

Vì vậy, tôi có thể giải quyết vấn đề bằng cách đầu tiên gọi ui-css và sau đó css của riêng tôi:

<link rel="stylesheet" href="../css/jquery_ui_1.10.1.css" type="text/css" /> 
<link rel="stylesheet" href="../css/myown.css" type="text/css" />