2013-01-16 6 views
53

Po umieszczeniu wskaźnika myszy nad przyciskiem i wyświetleniu etykiety narzędzi klawisze przeskakują. Jeśli wyłączysz etykietkę narzędzia, nie przeskoczy. Dodatkowo prawy przycisk traci zaokrąglone krawędzie. Jak mogę temu zapobiec?Wskazówka do narzędzia bootstrap powodująca przeskakiwanie przycisków

<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(); 

wersja robocza ...

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

Oto strona, która ma to pracuje bez skoków ...

http://wrapbootstrap.com/preview/WB005S479

+1

Nie jesteś sam z tego. Znalazłeś rozwiązanie? Dzięki? –

+1

Zostało to naprawione w wersji 2.3.0 pliku bootstrap-tooltip.js. Możesz zobaczyć, że działa tutaj: http://jsfiddle.net/BA4zM/149/ –

+0

@bmorehokie żadna z tych dwóch rzeczy teraz .... –

Odpowiedz

139

Aby uniknąć skoku, musisz ustawić atrybut pojemnika. Jest to udokumentowane.

Podczas korzystania z podpowiedzi i popovers grup wejściowych Bootstrap, będziesz musiał ustawić opcję pojemników zapobiegających niepożądane skutki uboczne.

Spróbuj wykonać następujące czynności:

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

Jeśli musisz użyć 'selector' dla przypadku, w którym nowe elementy z etykietami narzędzi mogą być dodawanym do strony w locie, musisz ustawić "kontener" za pomocą atrybutu danych. 'data-container =" body "' – steakchaser

+0

hi @Howdie! thanx za rozwiązanie, ale nadal jestem ciekawy, co dokładnie dzieje się w grupie btn podczas podpowiedzi? –

+1

@DeepakYadav, wydaje się, kontener tooltip jest wstawiany do najbliższego elementu potomnego, domyślnie ta zawartość kontenera wpływa na układ przycisków i grup przycisków. Określenie jawnie kontenera 'body' rozwiązuje problem. – Farside