„Bootstrap“ valdymas su keliais „duomenų perjungimais“

Ar yra būdas priskirti įkrovos valdymui daugiau nei vieną įvykį per „duomenų perjungimo“ funkciją. Pvz., Tarkime, kad noriu, kad mygtukas turėtų užuominą, o „mygtukas“ jį užuomina. Išbandyta data-toggle = "užuomina mygtukas", bet tik darbų įrankis.

EDIT:

Tai lengva keliauti

 $("#newbtn").toggleClass("active").toggleClass("btn-warning").toggleClass("btn-success"); 
116
06 мая '13 в 18:49 2013-05-06 18:49 „LastTribunal“ yra nustatytas gegužės 06 d. 13 val. 18:49 2013-05-06 18:49
@ 10 atsakymų

Jei norite pridėti modalą ir įrankių tipą nepridėjus javascript arba keisdami įrankio įrankio funkciją, taip pat galite tiesiog apvynioti elementą aplink jį:

 <span data-toggle="modal" data-target="#id"> <a data-toggle="tooltip" data-placement="top" title="My Tooltip text!">+</a> </span> 
234
04 февр. Romano Holznerio atsakymą pateikė vasario 04 d. 2015-02-04 11:30 '15 at 11:30 2015-02-04 11:30

Kadangi įrankių patarimas nėra inicijuojamas automatiškai, galite atlikti įrankio įrankio inicijavimo pakeitimus. Aš tai padariau taip:

 $(document).ready(function() { $('body').tooltip({ selector: "[data-tooltip=tooltip]", container: "body" }); }); 

su šiuo žymėjimu:

 <button type="button" data-target="#myModal" data-toggle="modal" data-tooltip="tooltip" class="btn btn-info" title="Your tooltip">Text here</button> 

Atkreipkite dėmesį į data-tooltip .

Atnaujinti

Arba tiesiog

 $('[data-tooltip="tooltip"]').tooltip(); 
57
22 янв. Atsakymą Melvinas pateikė sausio 22 d. 2014-01-22 05:58 '14 ne 5:58 2014-01-22 05:58

Dar ne. Tačiau buvo pasiūlyta, kad kas nors šią funkciją pridėtų vieną dieną.

Šis pavyzdinis „Github“ atsisiuntimas yra puikus pavyzdys, ką norite. Tai įmanoma, bet ne šiame etape rašant savo aplinkkelio kodą.

Check it out ...: -)

https://github.com/twitter/bootstrap/issues/7011

7
06 мая '13 в 19:11 2013-05-06 19:11 atsakymas duotas obrientimothya gegužės 06 d. 13 val. 19:11 2013-05-06 19:11

Man pavyko išspręsti šią problemą, nereikia keisti žymėjimo šiuo jQuery fragmentu. Aš turėjau panašią problemą, kai reikėjo įrankio taško ant mygtuko, kuris jau naudojo duomenų perjungimą modalui. Viskas, ką jums reikia padaryti, yra įtraukti antraštę ant mygtuko.

 $('[data-toggle="modal"][title]').tooltip(); 
6
06 июля '15 в 11:03 2015-07-06 11:03 James Parker atsakė liepos 06 d. 15 val. 11:03 2015-07-06 11:03

Tai geriausias sprendimas, kurį ką tik įgyvendinau:

HTML

 <a data-toggle="tooltip" rel="tooltip" data-placement="top" title="My Tooltip text!">Hover over me</a> 

JAVASCRIPT, kurį vis tiek turite įgalinti, nesvarbu, koks metodas.

 $('[rel="tooltip"]').tooltip(); 
4
13 авг. Jacques Koekemoer atsakymas, rugpjūčio 13 d. 2016-08-13 14:33 '16 at 14:33 pm 2016-08-13 14:33

Aš naudoju href, kad galėčiau įkelti modalinį failą ir palikti duomenų jungiklį įrankiui:

 <a data-toggle="tooltip" data-placement="top" title="My Tooltip text!" href="javascript:$('#id').modal('show');" > + </a> 
2
31 окт. atsakymą pateikė Shadi Namrouti spalio 31 d. 2017-10-31 13:35 '17 13:35 2017-10-31 13:35

Kadangi „Bootstrap“ verčia inicijuoti įrankių tipus tik „Javascript“ pagalba, aš pakeičiau „ data-toggle="tooltip" (nes tada jis yra nenaudingas)„ class="bootstrap-tooltip" ir naudojosi šia „Javascript“, kad inicijuotumėte mano patarimus:

 $('.bootstrap-tooltip').tooltip(); 

Ir todėl turėjau galimybę laisvai naudoti atributą „ data-toggle “ kažkam kitam (pvz., „ data-toggle="button" ).

2
20 апр. atsakymas pateikiamas ankabout 20 balandžio. 2018-04-20 22:59 '18, 22:59 pm 2018-04-20 22:59

Tiesiog pridėkite @ Roman Holzner atsakymą ...

Mano atveju, turiu mygtuką, rodantį įrankį, ir jis turėtų likti išjungtas, kol bus atlikti veiksmai. Naudodamas savo požiūrį, modalinis darbas, net jei mygtukas yra išjungtas, nes jo skambutis yra už mygtuko ribų - aš patekau į „Laravel“ įrašo failą, kad būtų aišku :)

 <span data-toggle="modal" data-target="#confirm-delete" data-href="{{ $e->id }}"> <button name="delete" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Excluir Entrada" disabled> <i class="fa fa-trash fa-fw"></i> </button> </span> 

Taigi, jei norite rodyti modalumą tik tada, kai mygtukas aktyvus, turite pakeisti žymių tvarką:

 <span data-toggle="tooltip" data-placement="bottom" title="Excluir Entrada" disabled> <button name="delete" class="btn btn-default" data-href="{{ $e->id }}" data-toggle="modal" data-target="#confirm-delete" disabled> <i class="fa fa-trash fa-fw"></i> </button> </span> 

Jei norite išbandyti, pakeiskite atributą naudodami jQuery kodą:

 $('button[name=delete]').attr('disabled', false); 
1
06 апр. Thiago Cardoso atsakymas 06 Bal 2017-04-06 17:05 '17 at 17:05 pm 2017-04-06 17:05

Atidarę modalinį žymeklį ir norėdami parodyti įrankį, ir jei įdiegsite žymeklį ant žymos, jis bus rodomas prie žymos. kaip tai yra

2019

20 сент. atsakymą pateikė virender 20 sep . 2017-09-20 20:18 '17 8:18 pm 2017-09-20 20:18

Kitas sprendimas:

  <a data-toggle="modal" data-target="#exampleModalCenter"> <span class="tags" data-toggle="tooltip" data-placement="right" title="Tooltip text" > Text </span> </a> 
0
12 янв. atsakymą pateikė Jackkobec 12 sausis 2019-01-12 23:53 '19, 23:53 pm 2019-01-12 23:53

Kiti klausimai apie žymes „ arba Užduoti klausimą