Najlepszy samouczek Bootstrap Przegląd wtyczek W 2024 r. W tym samouczku możesz dowiedzieć się dane nieruchomości,programowe API,Uniknąć kolizji przestrzeni nazw,wydarzenie,
W poprzedniej części omówionoukład elementów do montażu to tylko początek.Bootstrap dostarczana jest z 12 rodzajów jQuery plugin rozszerza funkcjonalność może być dodana do serwisu bardziej interaktywnym. Nawet jeśli nie jesteś zaawansowanym programistą JavaScript, można również rozpocząć, aby dowiedzieć się Bootstrap JavaScript wtyczek. Wykorzystanie danych API Bootstrap (Bootstrap danych API), w większości plug-in może być uruchamiany bez konieczności pisania kodu.
Site Referencje wtyczkę Bootstrap na dwa sposoby:
Nie staraj się cytować te dwa pliki, a ponieważ bootstrap.jsbootstrap.min.js zawierają wszystkie wtyczki.
$ (Document) .off ( '. Danych API)
$ (Document) .off ( '. Alert.data-API)
Zapewniamy drogę do czystej API JavaScript dla wszystkich wtyczek startowej. Wszystkie publiczne wywołania API są obsługiwane indywidualnie lub tryb przykuty i zwraca zestaw elementów prowadzi działalność (Uwaga: formularz i powołać umowę jQuery). Na przykład:
$ ( ". Btn.danger"). Przycisk ( "przełącznik"). AddClass ( "tłuszcz")
Wszystkie metody mogą brać opcjonalne parametry obiektu jako parametr, lub ciąg reprezentujący konkretny sposób lub bez parametrów (w tym przypadku będzie to zainicjować plug-in dla domyślnego zachowania), w następujący sposób:
// Przygotowanej do domyślnego zachowania $ ( "# myModal"). Modalna () // Inicjalizacja klawiatura nie obsługuje $ ( "# myModal") modalna ({klawiatury: false}). // Inicjowanie i natychmiast wezwać show $ ( "# MyModal"). Modalna ( "Show")
Każdy plug-in na własnośćConstructor naraża także swój pierwotnykonstruktora:$ .fn.popover.Constructor.Jeśli chcesz uzyskać wystąpienie określonego widget można uzyskać bezpośrednio poprzez elementy strony:
$ ( '[Rel = popover] "). Dane (" popover ").
Czasami Bootstrap wtyczek może trzeba być stosowany z innymi ram UI. W takim przypadku może wystąpić kolizje nazw. Niestety, jeśli tak się stanie, można przywrócić jego pierwotną wartość poprzez wywołanie metody widget.noConflict.
// Zwraca $ .fn.button przed przypisaną wartość var bootstrapButton = $ .fn.button.noConflict () // Dla $ (). Funkcje BootstrapBtn powierza Bootstrap $ .fn.bootstrapBtn = BootstrapButton
Bootstrap zapewnia zdarzenia niestandardowego jako unikalny zachowanie większości wtyczek. Ogólnie rzecz biorąc, te wydarzenia są w dwóch formach:
$ ( '# MyModal "). Na (' show.bs.modal ', function (e) { Zapobieganie jest wyświetlane okno modalne // if (dane!) powrót e.preventDefault () })