Кодови фрагменти 2025, Юли

Вмъкване на елемент между други елементи - CSS-трикове

Вмъкване на елемент между други елементи - CSS-трикове

Например, ако имате пет абзаца подред и трябва да вмъкнете етикет за прекъсване между всички тях. Не можете да го поставите преди всичките пет (не "

Входни данни, които запомнят първоначалната стойност - CSS-трикове

Входни данни, които запомнят първоначалната стойност - CSS-трикове

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

Предварително зареждане на изображения - CSS-трикове

Предварително зареждане на изображения - CSS-трикове

Много лесен начин за предварително зареждане на изображения, които са необходими по-късно (например, когато се извърши задържане) $ .preloadImages = function () (for (var i = 0; i "

Маркирайте свързания етикет при въвеждане на фокус - CSS-трикове

Маркирайте свързания етикет при въвеждане на фокус - CSS-трикове

$ ("форма: вход"). focus (function () ($ ("label"). addClass ("labelfocus");)). blur (function () ($ ("label"). removeClass ("labelfocus" );)); "

Маркирайте всички връзки към текущата страница - CSS-трикове

Маркирайте всички връзки към текущата страница - CSS-трикове

$ (function () ($ ("a"). each (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("избрано ");)));)); Тази функция ще "

Вземете X, Y координати на мишката в кутията - CSS-трикове

Вземете X, Y координати на мишката в кутията - CSS-трикове

Кодът по-долу ще ви даде координатите X, Y на щракване на мишката в дадено поле. Премахвайки всички неща за офсета, можете лесно да получите X, "

Коригиране на .load () в IE за кеширани изображения - CSS-трикове

Коригиране на .load () в IE за кеширани изображения - CSS-трикове

Функцията .load () се задейства, когато елементът, към който е извикан, е напълно зареден. Често се използва за изображения, които може да не са напълно заредени, когато "

Вземете параметри на заявката като обект - CSS-трикове

Вземете параметри на заявката като обект - CSS-трикове

Николас Ортенцио написа този малък плъгин: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Вземете естествена ширина на изображенията - CSS-трикове

Вземете естествена ширина на изображенията - CSS-трикове

Ако изберете и изображение с jQuery и след това използвате .width (), ще получите текущата ширина на изображенията, дори ако е била мащабирана (напр. Max-width: 100%;). Можеш"

Фиксиране на IE z-индекс - CSS-трикове

Фиксиране на IE z-индекс - CSS-трикове

Това не е окончателно решение за отстраняване на всички странни проблеми с IE z-index, но със сигурност може да помогне при някои обстоятелства. Това, което прави, е "

Избледняване на изображението в друго изображение - CSS-трикове

Избледняване на изображението в друго изображение - CSS-трикове

Направете div, който е с точния размер на изображението. Този div ще има фоново изображение, приложено към второто изображение. След това поставете вътрешно изображение вътре "

Принудете да се презареди iframe - CSS-трикове

Принудете да се презареди iframe - CSS-трикове

Можете да докоснете src от него: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Коригирайте Избиране на падащото меню в IE 7 - CSS-трикове

Коригирайте Избиране на падащото меню в IE 7 - CSS-трикове

Изпълнете (поне частта "Използване" по-долу), след като сте заредили jQuery и в края на страницата, или в DOM готов отчет. Имайте предвид, че тази корекция прави "

Поправете минимална / максимална ширина за браузъри без собствена поддръжка - CSS-трикове

Поправете минимална / максимална ширина за браузъри без собствена поддръжка - CSS-трикове

Този скрипт проверява всички елементи с клас .fixMinMaxwidth и наблюдава прозореца. Прилага се само за браузъри без естествена минимална / максимална ширина "

Преоразмерете Iframe, за да се побере съдържание (само за същия домейн) - CSS-трикове

Преоразмерете Iframe, за да се побере съдържание (само за същия домейн) - CSS-трикове

Обикновено вие задавате и ширина и височина за рамки. Ако съдържанието вътре е по-голямо, плъзгачите трябва да са достатъчни. Скриптът по-долу се опитва да поправи това чрез "

Пожарно събитие, когато потребителят е в неактивност - CSS-трикове

Пожарно събитие, когато потребителят е в неактивност - CSS-трикове

Вижте двата коментирани реда по-долу, там можете да вмъкнете код за неща, които трябва да правите, когато потребителят остава на празен ход и когато потребителят се върне. Задайте празен ход "

Намерете и увийте амперсанди - CSS-трикове

Намерете и увийте амперсанди - CSS-трикове

Заредете тази приставка. След това: $ ("body *"). ReplaceText (/ & / gi, '' + '&' + ''); Променете селектора, ако е необходимо. Това е доста интензивно. Сега имате клас "

Отстъпка за хостван от CDN jQuery - CSS-трикове

Отстъпка за хостван от CDN jQuery - CSS-трикове

Няколко големи компании предлагат копия на jQuery, хоствани на техните CDN (Network Delivery Network). Най-известният Google, но също така Microsoft и jQuery "

Избледняване на едно изображение в друго меню - CSS-трикове

Избледняване на едно изображение в друго меню - CSS-трикове

Направете CSS спрайт изображение, като горната и долната половина са двете изображения, между които искате да анимирате. JQuery добавя маркер и "

Намери всички вътрешни връзки - CSS-трикове

Намери всички вътрешни връзки - CSS-трикове

Намерете всички връзки, които започват с домейна на сайтовете, наклонена черта, относителна пътека на файла или хаштаг. var siteURL = "http: //" + top.location.host.toString (); варира "

Изключете $ (this) от Selector - CSS-трикове

Изключете $ (this) от Selector - CSS-трикове

Да предположим, че искате да прикачите манипулатор на кликвания към всяка връзка на страница. Функцията за този манипулатор на кликване превръща всички останали връзки в различен цвят. варира "

Плъзгане без потребителски интерфейс jQuery - CSS-трикове

Плъзгане без потребителски интерфейс jQuery - CSS-трикове

Той не разполага с всички изискани обратни извиквания и опции, но хей, той прави нещата влачими (и с определена дръжка по избор). (функция ($) ("

Изравняване на височини на раздели - CSS-трикове

Изравняване на височини на раздели - CSS-трикове

Var maxHeight = 0; $ ("div"). each (function () (if ($ (this) .height ()> maxHeight) (maxHeight = $ (this) .height ();))); $ ("div"). височина (maxHeight); "

Показване на последния туит - CSS-трикове

Показване на последния туит - CSS-трикове

Кодът по-долу вече не работи такъв, какъвто е, с актуализацията на Twitter API до 1.1 от 11.06.2013 г. 1.1 API изисква oAuth, който изисква сървърна страна "

Готово събитие за преоразмеряване - CSS-трикове

Готово събитие за преоразмеряване - CSS-трикове

Ако сте свикнали с нещо като jQuery UI, което може да се преоразмерява, получавате събития, към които можете да се свържете по време на преоразмеряването, но също и в края на преоразмеряването. Няма такова събитие "

JQuery Дублиращ се плъгин - CSS-трикове

JQuery Дублиращ се плъгин - CSS-трикове

$ .fn.duplicate = функция (count, cloneEvents) (var tmp = (); for (var i = 0; i

Показване само на първите X Divs, превключване на почивка - CSS-трикове

Показване само на първите X Divs, превключване на почивка - CSS-трикове

Var новина = 2; hidenews = "- Скриване на архива с новини"; shownews = "+ Показване на архив с новини"; $ (". архив"). html (shownews); $ (". news: not (: lt (" + news + "))"). hide (); "

Показване на последната публикация в FeedBurner - CSS-трикове

Показване на последната публикация в FeedBurner - CSS-трикове

Този фрагмент ще покаже последната публикация в определен FeedBurner емисия. Просто задайте URL адреса на желаната от вас емисия FeedBurner. $ (документ) .ready (функция () ("

Показване на браузър и версия - CSS-трикове

Показване на браузър и версия - CSS-трикове

Това е специфично за jQuery и съдържа малко хак / корекция за работа с Chrome. Това работи между jQuery 1.5.1 и jQuery 1.8.3. Няма го в jQuery "