2013-01-16 21 views
53

Bir düğmenin üzerine geldiğimde ve araç ipucu belirdiğinde, düğmeler zıplar. Araç ipucunu devre dışı bırakırsam, zıplamaz. Ek olarak, sağ düğme yuvarlak kenarları kaybeder. Bunun olmasını nasıl engelleyebilirim?Düğmelere atlamak için önyükleme araç ipucu

<div class="btn-group"> 
    <a rel="tooltip" class="btn" href="#" data-title="View Details"><i class="icon-list-alt"></i></a> 
    <a rel="tooltip" class="btn" href="#" data-title="Delete"><i class="icon-trash"> </i></a> 
</div> 

JavaScript:

$('[rel=tooltip]').tooltip(); 

Çalışma versiyonu ... İşte

http://jsfiddle.net/BA4zM/147/

o atlama olmadan çalışan olan bir web sitesidir ...

http://wrapbootstrap.com/preview/WB005S479

+1

Bu sefer yalnız değillerdir. Bir çözüm buldun mu? Teşekkürler? –

+1

Bu, bootstrap-tooltip.js dosyasının 2.3.0 sürümünde giderilmiştir. Burada çalıştığını görebilirsiniz: http://jsfiddle.net/BA4zM/149/ –

+0

Her iki çalışmanın da artık bmorehokie hiçbiri .... –

cevap

139

Atlamayı önlemek için, kapsayıcı özelliğini ayarlamanız gerekir. Bu belgelenmiştir.

Eğer istenmeyen yan etkilerinden kaçınmak için konteyner seçeneğini ayarlamak gerekecek Bootstrap giriş gruplarla ipuçları ve popovers kullanarak.

Aşağıdakileri deneyin:

$('[rel=tooltip]').tooltip({container: 'body'}); 
+13

Araç ipuçlarına sahip yeni elemanların bulunduğu durumlarda 'selektör' seçeneğini de kullanmanız gerekiyorsa sitedeki sayfaya eklenecek, daha sonra 'container'ı bir data niteliği üzerinden ayarlamanız gerekecek. data-container = "body" ' – steakchaser

+0

Merhaba @Howdie! çözüm için thanx, ama, ben hala merak ediyorum, araç ipucu sırasında btn-grubu, tam olarak ne olur? –

+1

@DeepakYadav, öyle görünüyor ki, araç kabı konteyneri en yakın descendant öğeye eklenir, varsayılan olarak, bu kapsayıcı içeriği düğmelerin ve düğme gruplarının düzenini etkiler. Açıkça 'body' konteyner belirtmek sorunu çözer. – Farside