2013-10-10 17 views
8

jQuery UI Tooltip ile çalışmaya çalışıyorum ve sanırım bir şey kaçırıyor olabilirim.Basit jQuery UI Başlık özeti olmadan araç ipucu

Başlık özelliğini belirtmeden en kolay araç ipucunun gösterilmesini istiyorum.

benim javascript hemen hemen her yerde bu çağrı gerekir inanıyoruz: Bu işe yaramıyor

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

. Yanlış bir şey mi yapıyorum?

DÜZENLEME: #ContactName öğesinin bir girdi [type = text] olduğunu ve jQuery UI iletişim kutusunda olduğunu belirtmeliyim.

DÜZEN 2: Tamam, bu işe yaradı. Aslında nedenini anlamıyorum.

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

Vurgulu çalışır. Aynı kodda, hemen açabilmem mümkün mü?

DÜZENLEME 3: Bu ben erdi budur: Eğer siz de items seçeneği belirtmeniz gerekebilir content seçeneğini ayarlayın

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

Ayrıca bkz: http://forum.jquery.com/topic/jquery-ui-tooltips-require-a-title-tag – KyleMit

cevap

17

.

onların API belgelere bakın ve bu jsFiddle example

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

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

Neden kaba bağlı olmayı zorunda? –

+0

@JoshYoung, güncellemeye bakın. Olması gerekmiyor, ama onu bir şeye bağlamanız ve sonra hangi öğelere bakacağını özellikle belirtmeniz gerekiyor. Seçenekler öğesinde bu seçeneğe nasıl başvurulacağından emin değilim, ancak yalnızca öğe seçiciyi kullanabilirsiniz. – Brandon

+0

Çalışıyor. Hemen açmamın bir yolu var mı? –

1

Bu da üzerinde başlık ayarlayabilirsiniz biraz hacky ama ne zaman items (Diyelim ki bir kerede birden fazla seçiciler için yapıyoruz diyelim) sizin için çalışmıyor sinek:

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

İçerik için doğru değer olmalıdır: 'function() {return $ (this) .text(); } '. 'items' de ayarlanmalıdır. –