jQuery Class UI tooltip personalizzato al caricamento della pagina

Question

Sto usando jQuery UI tooltip sulle mie caselle di testo e ho definito una classe personalizzata come questo e

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

sto usando in questo modo:

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

ma questa classe non viene applicata quando carico la pagina per la prima volta. a pagina caricare viene applicata la classe tooltip predefinita. Come posso applicare questa classe sulla descrizione quando la pagina viene caricata?

Si prega di suggerire.

Answer 1

Basta usare $(document).ready

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

Answer 2

Ho avuto lo stesso problema. Ecco cosa mi ha aiutato:
Entrambe le classi di tooltip jquery-ui e la tua classe personalizzata vengono assegnate all'elemento suggerimento .
Questa voce SO: Multiple !important class declarations and precedence mi ha aiutato: "Se la stessa proprietà viene dichiarata in entrambe le regole, il conflitto viene risolto prima attraverso la specificità, quindi secondo l'ordine delle dichiarazioni CSS. L'ordine delle classi nell'attributo class è non rilevante.".

Così ho potuto risolvere il problema prima chiamando il ui-css e poi mia 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" />