Fragmenty kodu 2025, Styczeń

Wstaw element między inne elementy - CSS-Tricks

Wstaw element między inne elementy - CSS-Tricks

Na przykład, jeśli masz pięć akapitów w rzędzie i musisz wstawić znacznik przerwania między nimi wszystkimi. Nie możesz postawić tego przed wszystkimi pięcioma (nie "

Dane wejściowe pamiętające pierwotną wartość - CSS-Tricks

Dane wejściowe pamiętające pierwotną wartość - CSS-Tricks

Var origValue = (); $ ('input.remember'). each (function (currentIndex) (origValue.push ($ (this) .val ()); $ (this) .focus (function () ("

Image Preloader - CSS-Tricks

Image Preloader - CSS-Tricks

Bardzo łatwy sposób na wstępne załadowanie obrazów, które są potrzebne później (np. Podczas najechania kursorem) $ .preloadImages = function () (for (var i = 0; i "

Podświetl powiązaną etykietę, gdy wejście jest fokusem - CSS-Tricks

Podświetl powiązaną etykietę, gdy wejście jest fokusem - CSS-Tricks

$ ("form: input"). focus (function () ($ ("label"). addClass ("labelfocus");)). blur (function () ($ ("label"). removeClass ("labelfocus") );)); ”

Podświetl wszystkie łącza do bieżącej strony - CSS-Tricks

Podświetl wszystkie łącza do bieżącej strony - CSS-Tricks

$ (function () ($ ("a"). each (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("selected ");)));)); Ta funkcja będzie "

Uzyskaj współrzędne X, Y myszy w ramce - CSS-Tricks

Uzyskaj współrzędne X, Y myszy w ramce - CSS-Tricks

Poniższy kod poda współrzędne X, Y kliknięcia myszą w danym polu. Usuwając wszystkie informacje o przesunięciu, możesz łatwo uzyskać X ”,

Naprawianie .load () w IE dla obrazów w pamięci podręcznej - CSS-Tricks

Naprawianie .load () w IE dla obrazów w pamięci podręcznej - CSS-Tricks

Funkcja .load () jest uruchamiana, gdy wywoływany element jest w pełni załadowany. Jest często używany w przypadku obrazów, które mogą nie zostać w pełni załadowane, gdy opcja „

Pobierz parametry zapytania jako obiekt - CSS-Tricks

Pobierz parametry zapytania jako obiekt - CSS-Tricks

Nicholas Ortenzio napisał tę małą wtyczkę: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Uzyskaj natywną szerokość obrazów - CSS-Tricks

Uzyskaj natywną szerokość obrazów - CSS-Tricks

Jeśli wybierzesz i image za pomocą jQuery, a następnie użyjesz .width (), otrzymasz obrazy o bieżącej szerokości, nawet jeśli zostały przeskalowane (np. Max-width: 100%;). Możesz"

Naprawianie indeksu z IE - CSS-Tricks

Naprawianie indeksu z IE - CSS-Tricks

To nie jest ostateczne rozwiązanie do naprawiania wszystkich dziwnych problemów z indeksem Z w IE, ale z pewnością może pomóc w niektórych okolicznościach. To, co robi, to pętla ”

Zanikaj obraz do innego obrazu - CSS-Tricks

Zanikaj obraz do innego obrazu - CSS-Tricks

Utwórz element DIV o dokładnym rozmiarze obrazu. Ten element div będzie miał zastosowany obraz tła drugiego obrazu. Następnie umieść obraz w tekście wewnątrz „

Wymuś ponowne załadowanie elementu iframe - CSS-Tricks

Wymuś ponowne załadowanie elementu iframe - CSS-Tricks

Możesz dotknąć jego źródła: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Napraw opcję Select Dropdown Cutoff w IE 7 - CSS-Tricks

Napraw opcję Select Dropdown Cutoff w IE 7 - CSS-Tricks

Uruchom (przynajmniej część „Użycie” poniżej) po załadowaniu jQuery i na końcu strony lub w instrukcji DOM ready. Pamiętaj, że ta poprawka „

Napraw minimalną / maksymalną szerokość dla przeglądarek bez obsługi natywnej - CSS-Tricks

Napraw minimalną / maksymalną szerokość dla przeglądarek bez obsługi natywnej - CSS-Tricks

Ten skrypt sprawdza wszystkie elementy z klasą .fixMinMaxwidth i obserwuje okno. Jest stosowany tylko w przeglądarkach bez natywnej szerokości min./maks.

Zmień rozmiar elementu iframe, aby dopasować go do zawartości (tylko w tej samej domenie) - CSS-Tricks

Zmień rozmiar elementu iframe, aby dopasować go do zawartości (tylko w tej samej domenie) - CSS-Tricks

Zwykle ustawiasz szerokość i wysokość ramek iframe. Jeśli zawartość w środku jest większa, wystarczą paski przewijania. Poniższy skrypt próbuje to naprawić poprzez „

Zdarzenie pożaru, gdy użytkownik jest bezczynny - CSS-Tricks

Zdarzenie pożaru, gdy użytkownik jest bezczynny - CSS-Tricks

Zobacz dwie skomentowane linie poniżej, gdzie możesz wstawić kod rzeczy do zrobienia, gdy użytkownik przechodzi w stan bezczynności i gdy użytkownik wraca. Ustaw bezczynność ”

Znajdź i zawiń Ampersands - CSS-Tricks

Znajdź i zawiń Ampersands - CSS-Tricks

Załaduj tę wtyczkę. Następnie: $ ("body *"). ReplaceText (/ & / gi, '' + '&' + ''); W razie potrzeby zmień selektor. Ten jest dość intensywny. Teraz masz zajęcia ”

Powrót do jQuery hostowanego przez CDN - CSS-Tricks

Powrót do jQuery hostowanego przez CDN - CSS-Tricks

Kilka dużych firm oferuje kopie jQuery hostowane w ich CDN (Content Delivery Network). Najbardziej znany z Google, ale także Microsoft i jQuery ”

Przenieś jeden obraz do innego menu - CSS-Tricks

Przenieś jeden obraz do innego menu - CSS-Tricks

Utwórz obraz sprite CSS, w którym górna i dolna połowa to dwa obrazy, między którymi chcesz animować. JQuery dodaje tag i „

Znajdź wszystkie linki wewnętrzne - CSS-Tricks

Znajdź wszystkie linki wewnętrzne - CSS-Tricks

Znajdź wszystkie linki zaczynające się od domeny witryny, ukośnika, względnej ścieżki pliku lub hashtagu. var siteURL = "http: //" + top.location.host.toString (); var "

Wyklucz $ (this) z selektora - CSS-Tricks

Wyklucz $ (this) z selektora - CSS-Tricks

Załóżmy, że chcesz dołączyć moduł obsługi kliknięć do każdego linku na stronie. Funkcja tego modułu obsługi kliknięcia zmienia kolor wszystkich innych linków. var "

Przeciągany bez interfejsu użytkownika jQuery - CSS-Tricks

Przeciągany bez interfejsu użytkownika jQuery - CSS-Tricks

Nie ma wszystkich wymyślnych wywołań zwrotnych i opcji, ale hej, umożliwia przeciąganie rzeczy (i opcjonalnie z określonym uchwytem). (funkcja ($) ("

Wyrównaj wysokości div - CSS-Tricks

Wyrównaj wysokości div - CSS-Tricks

Var maxHeight = 0; $ ("div"). each (function () (if ($ (this) .height ()> maxHeight) (maxHeight = $ (this) .height ();))); $ ("div"). wysokość (maxHeight); "

Wyświetl ostatni tweet - CSS-Tricks

Wyświetl ostatni tweet - CSS-Tricks

Poniższy kod nie działa już tak, jak jest, z aktualizacją interfejsu API Twittera do wersji 1.1 od 11.06.2013. Interfejs API 1.1 wymaga protokołu OAuth, który wymaga po stronie serwera „

Zakończono zmianę rozmiaru wydarzenia - CSS-Tricks

Zakończono zmianę rozmiaru wydarzenia - CSS-Tricks

Jeśli jesteś przyzwyczajony do czegoś takiego jak zmiana rozmiaru interfejsu użytkownika jQuery, otrzymujesz zdarzenia, które możesz powiązać podczas zmiany rozmiaru, ale także pod koniec zmiany rozmiaru. Nie ma takiego wydarzenia ”

JQuery Duplicate Plugin - CSS-Tricks

JQuery Duplicate Plugin - CSS-Tricks

$ .fn.duplicate = function (count, cloneEvents) (var tmp = (); for (var i = 0; i

Wyświetl tylko pierwsze X DIV, Przełącz resztę - CSS-Tricks

Wyświetl tylko pierwsze X DIV, Przełącz resztę - CSS-Tricks

Var news = 2; hidenews = "- Ukryj archiwum wiadomości"; shownews = "+ Pokaż archiwum wiadomości"; $ („. archive”). html (shownews); $ (". news: not (: lt (" + news + "))"). hide (); "

Wyświetl najnowszy post FeedBurner - CSS-Tricks

Wyświetl najnowszy post FeedBurner - CSS-Tricks

Ten fragment kodu wyświetli najnowszy post w określonym kanale FeedBurner. Po prostu ustaw adres URL na żądany kanał FeedBurner. $ (dokument) .ready (function () ("

Wyświetl przeglądarkę i wersję - CSS-Tricks

Wyświetl przeglądarkę i wersję - CSS-Tricks

Jest to specyficzne dla jQuery i zawiera trochę hack / poprawki do radzenia sobie z Chrome. Działa to między jQuery 1.5.1 i jQuery 1.8.3. To zniknęło w jQuery ”