Najlepszy samouczek jQuery Komórka pop W 2024 r. W tym samouczku możesz dowiedzieć się Przykłady,Przykłady,Zamknij okienko,Pozycjonowanie pop,Przykłady,przejście,Wszystkie wystąpienia efektów przejścia,Pop kierunek małe granicy,Przykłady,okno pop,Przykłady,Obraz pop,Przykłady,Tło cover pop,Przykłady,Przykłady,
Jest to bardzo popularny wyskakujące okienka dialogowe pop można nakładać na wyświetlaczu strony.
Pop-up może być używany do wyświetlania tekstu, zdjęć, map, lub inne treści.
Tworzenie pop i potrzebę wykorzystania <a> <div>. Dodawanie danych rel = "popup" nieruchomości na <a> elementu <div>, aby dodać data-role = atrybut "okienko". Następnie określić identyfikator <div>, a następnie ustaw wartość href Ra <div> określonego identyfikatora. <Div> Zawartość jest wyświetlanie treści pop.
Uwaga: <div> POP i kliknij <a> link musi być na tej samej stronie.
Jeśli trzeba dodać dopełnienie na zewnątrz i z podręcznego można dodać kategorię "ui-content" w <div> w:
Domyślnie kliknięcie pop powierzchnię zewnętrzną lub naciśnij klawisz "Esc", aby zamknąć pop. Jeśli nie chcesz dotknij obszaru poza podręcznego Zamknij okienko można dodać = "false" atrybut danych-dismissible w dodanej (nie zalecane). Można również dodać przycisk Zamknij na pop, używając danych rel = przycisk "wstecz" na nieruchomości, a dzięki stylu kontrolować położenie przycisku.
opis | Przykłady |
---|---|
Przycisk Zamknij po prawej stronie | próbować |
Przycisk zamykania na lewo | próbować |
Korzystanie właściwość data-dismissible | próbować |
Domyślnie, wyskakujące okienka pojawi się bezpośrednio nad kliknięcie na element, jeśli chcesz kontrolować pozycję pop, można użyć danych-pozycji-przypisywać do otwierania wyskakujących kliknięcia na link.
Kontrolować lokalizacje pop na trzy sposoby:
Wartość nieruchomości | opis |
---|---|
Dane pozycyjne do "okna" = | Wyskakujące okienka wyświetlane na środku okna |
Dane pozycyjne do = "# myid" | Wyskakujące okienka wyświetlane na znanych elementach ID |
Dane pozycyjne-to = "pochodzenie" | Domyślnie. Kliknij na elementach graficznych pop. |
Domyślnie pop ma efektu przejścia. Jeśli chcesz, możesz dodać efekty przejścia (za pośrednictwem danych-przejścia = "wartość" atrybut jQuery Komórka Transition ):
Jeśli trzeba dodać trochę kierunek pop granicy, można użyć właściwości danych strzałki i określ wartość "L" (z lewej), "t" (u góry), "R" (po prawej) lub "b" (na dole):
można pop wyprodukowany jako standardowego okna (głowy i treści znaku dołu):
Można użyć właściwości danych overlay-theme po pop dodać kolor tła.
Domyślnie, obejmujący kolor tła przejrzyste. Wykorzystując dane-overlay-theme = "a", aby dodać jasnego tła, wykorzystania danych overlay-theme = "b" dodaj ciemnej pokrycie background:
Ogólne tło obrazu często wyskakujące okienka nakładki:
Uwaga: W następnym rozdziale dowiesz się, jak korzystać z formularzy w pop.