Semplice suggerimento dell'interfaccia utente jQuery senza attributo titolo

Question

Sto provando a lavorare con il tooltip di jQuery UI e penso che possa mancare qualcosa.

voglio il più semplice possibile tooltip di presentarsi senza specificare la proprietà del titolo.

credo che dovrei essere in grado di chiamare questo praticamente ovunque nel mio javascript:

$('#ContactName').tooltip({ content: 'Hey, look!' }).tooltip('open'); 

Questo non funziona. Sto facendo qualcosa di sbagliato?

MODIFICA: dovrei ricordare che #ContactName è un input [tipo = testo], ed è in una finestra di dialogo dell'interfaccia utente jQuery.

MODIFICA 2: OK, ha funzionato. Non capisco davvero perché, però.

$($('#ContactName').parent()).tooltip({ 
    items: '#ContactName', 
    content: 'Hey, look!' 
}); 

Funziona su passaggio del mouse. C'è comunque che posso, nello stesso codice, aprirlo immediatamente?

EDIT 3: Questo è quello che ho finito con:

  $($('#ContactName')).tooltip({ 
       items: '#ContactName', 
       content: $(this).text(), 
       position: { 
        my: 'left+15', 
        at: 'right center' 
       }, 
       tooltipClass: 'ui-state-error' 
      }).tooltip("open"); 

Answer 1

Quando si imposta l'opzione content potrebbe anche essere necessario specificare l'opzione items.

vedere la loro documentazione API e questo jsFiddle example

<span id="ContactName">Test</span> 

$("#ContactName").tooltip({ 
    items: "span", 
    content: "Awesome title!" 
}).tooltip("open"); 

Answer 2

Questo è un po 'hacky ma quando items non funziona per voi (diciamo che si sta facendo per più selettori in una sola volta) è anche possibile impostare titolo al volo:

$($('#ContactName')). 
     attr('title', ''). 
     tooltip({ 
      content: $(this).text(), 
      position: { 
       my: 'left+15', 
       at: 'right center' 
      }, 
      tooltipClass: 'ui-state-error' 
     }).tooltip("open");