2014-11-18 16 views
5

En yeni Safari 8.0'da Bootstrap araç ipuçlarıyla (yalnızca) bu tuhaf durum var. Bir formum var ve her girişe bir araç ipucu göstermeliyim (lütfen nedenini sorma). İşte Önyükleme araç ipuçları en yeni Safari 8.0'da saklanmayacak.

bir jsfiddle örnek

`http://jsfiddle.net/d61yuy8q/11/` 

Ve işte ben css bazı sorunlara neden olabileceğini düşündük Birinci 8,0

enter image description here

Safari'de nasıl göründüğünü, bu yüzden elimden ettik Saf bootstrap sınıflarına kadar. O zaman belki de bu araç ipuçlarını girdilerden girdilerden sarmalayan, ama aynı zamanda yardım etmeyen divlara taşımam gerektiğini düşündüm.

Sonunda tüm sarmalayıcıları çıkardım ve yalnızca girdileri bıraktım ama bu da yardımcı olmadı.

Benim vahşi tahminim, yeni aynı elementlerin aralarında boşluk olmaması durumunda, yeni Safari'nin fare hareketi fark etmemesidir.

Bunun için herhangi bir geçici çözüm düşünen var mı?

+0

Bunu bir tarayıcı hatası olarak buraya yazın: https://github.com/twbs/bootstrap/issues/Tek bir yoldan görebildiğim kadarıyla girişler arasında dikey boşluk bırakmak çok garip bir şey. Etrafında bir çalışma olarak, araç çubuğunda – Christina

+0

Hey Christiana, üzerinde sola veya sağa kullanmayı deneyebilirsiniz Kesinlikle bunu yapacağım! Sadece burada iyi bir çözüm bulmak istedim. Teşekkürler! –

cevap

1

Ben şahsen popover ile tootlip yerine, ben yarattık boostrap araç ipucu özel komut dosyası sevmiyorum, işte burada

<a href="#" title="This is link">Hello</a> 

    $(function() { 
     $('[title]').attr("data-rel", "tooltip"); 
     $("[data-rel='tooltip']") 
      .attr("data-placement", "top") 
      .attr("data-content", function() { 
       return $(this).attr("title") 
      }) 
      .removeAttr('title'); 


     var showPopover = function() { 
      $(this).popover('show'); 
     }; 
     var hidePopover = function() { 
      $(this).popover('hide'); 
     }; 
     $("[data-rel='tooltip']").popover({ 
      trigger: 'manual' 
     }).click(showPopover).hover(showPopover, hidePopover); 

    }); 
+0

Cevabınız için teşekkürler, ancak sonuç Safari 8.0'da aynıdır - popuplar mouseleave'de saklanmaz. –

+0

Bunun gibi kullanmak için denediniz mi

+0

Hey, evet bunu denedim ve hala popovers davranıyor araç ipuçları ile aynı - görünür kalıyorlar. –

2

Sen @ play2web gibi manuel tetiği (ekleyerek çözebilirsiniz kullanmak için kullanarak nasıl popovers için) ve aşağıdaki gibi yeni birini göstermesi önce herhangi ipuçları çıkarmadan:

var showTooltip = function() { 
    $('.tooltip').remove(); // This line removes any currently showing tootltips 
    $(this).tooltip('show'); 
}; 
var hideTooltip = function() { 
    $(this).tooltip('hide'); 
}; 
$("[data-rel='tooltip']").tooltip({ 
    trigger: 'manual' 
}).focus(showTooltip).hover(showTooltip, hideTooltip); 

dezavantajı artık delay işlevselliğini kullanamazsınız olmasıdır.

İlgili konular