Jak ustawić wiele przełączania danych dla łącza w bootstrap?

Mam łącze i chcę ustawić dla niego etykietę początkową ładowania bootstrapu i chcę, aby pokazywał również mod ładowania początkowego. Aby pokazać modalne kod jest taka:Jak ustawić wiele przełączania danych dla łącza w bootstrap?

<a href="#myModal" role="button" data-toggle="modal">Show</a>

A po uniemożliwiłoby bootstrap podpowiedź:

<a data-placement="right" data-toggle="tooltip" rel="tooltip" data-original-title='Hello' href="#"></a>

Teraz jak połączyć it.Combine oznacza posiadanie link, który pokazuje modalne i ma również tooltip do bootstrapu?

Źródło

2013-08-02 Hamid Reza

znalazłem problem:

<a href="#myModal" role="button" data-toggle="modal" rel="tooltip" data-original-title='Hello'>Show</a>

to wszystko.

Źródło

2013-08-02 12:37:41

trzeba przestrzegać @Deepak Yadav krok '$ ("[rel = 'podpowiedzi']") etykietka(). ' –

@DoanTran Tak. Jego zdanie jest prawdziwe, ale nie jest prawdziwą odpowiedzią na to pytanie. Ten krok jest potrzebny, ale pytanie brzmiało, jak ustawić wiele przełączania danych. –

@HamidReza nawet twoja odpowiedź nie rozwiązuje problemu, tak, twoje rozwiązanie działa z "podpowiedziami", ale dla "popover" to nie działa, więc muszę iść z F.L. odpowiedź. –

U może być również potrzebne do zainicjowania go: Potrzebowałem zainicjować go na dole strony.

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

Źródło

2013-12-25 10:44:56

wolałbym użyć elementu owijania tak:

<span data-placement="right" data-toggle="tooltip" title="Hello"> 
    <a href="#myModal" role="button" data-toggle="modal">Show</a> 
</span>

To wydaje się prostsza do mnie. Zobacz ten bootply: http://www.bootply.com/zqJRSAjSuQ

Źródło

2014-11-20 11:10:19

Porada: Jeśli znajdziesz problemy z projektowaniem, spróbuj przełączyć etykietę i model. – Red

Proste i bez zmian JavaScript. Czytelność również się nie zmienia. dobry. – mythicalcoder

Pomimo tego, że to nieznacznie podciąga znacznik, jest to nadal zdecydowanie najbardziej pożądana opcja! Wywołanie javascript przy użyciu mniej lub bardziej niejasnych selektorów to na pewno hacki, które na dłuższą metę będą kosztować czytelność => maintanance! – hasse

Czasami warto rozważyć użycie div zamiast elementu span gdy etykietka jest niesłuszna ...

podstawie odpowiedzi FL, ten pracował dla mnie:

<div data-placement="right" data-toggle="tooltip" title="Hello"> 
    <a href="#myModal" role="button" data-toggle="modal">Show</a> 
</div>

Źródło

2014-12-18 11:01:31

Dodaj atrybut danych do elementu:

<a data-toggle="modal" data-hover="tooltip" title="Click to Open" data-placement="right" href="#"></a>

i zainicjować w javascript:

$("[data-hover='tooltip']").tooltip();

Źródło

2015-02-19 21:22:39 mintedsky

nie trzeba używać "data-Przełącz" za podpowiedzi, można zmienić chcesz, jak "data-TT" na przykład:

<a href="#myModal" role="button" data-toggle="modal" data-tt="tooltip" title="hi">Show</a>

i zainicjować w javascript:

$("[data-tt=tooltip]").tooltip();

JsFiddle

Źródło

2015-08-01 14:55:18

Jak ustawić wiele przełączania danych dla łącza w bootstrap?

Odpowiedz

Powiązane problemy