Фрагменты кода 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-хитрости

$ ("form: input"). 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 ("selected ");)));)); Эта функция будет "

Получить координаты 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%;). Вы можете"

Исправление z-индекса IE - CSS-хитрости

Исправление z-индекса IE - CSS-хитрости

Это не комплексное решение для устранения всех странных проблем с z-индексом IE, но оно, безусловно, может помочь в некоторых обстоятельствах. Он выполняет цикл "

Преобразование изображения в другое - 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-хитрости

Обычно вы устанавливаете ширину и высоту для окон iframe. Если содержимое внутри больше, должно хватить полос прокрутки. Приведенный ниже сценарий пытается исправить это с помощью "

Пожар, когда пользователь бездействует - CSS-хитрости

Пожар, когда пользователь бездействует - CSS-хитрости

См. Две прокомментированные строки ниже, где вы можете вставить код для действий, когда пользователь переходит в режим ожидания и когда пользователь возвращается. Установите холостой ход "

Найти и завернуть амперсанды - CSS-хитрости

Найти и завернуть амперсанды - CSS-хитрости

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

Резервный вариант для jQuery, размещенного в CDN - CSS-хитрости

Резервный вариант для jQuery, размещенного в CDN - CSS-хитрости

Несколько крупных компаний предлагают копии jQuery, размещенные на их CDN (сети доставки контента). Наиболее известный как Google, но также Microsoft и jQuery "

Преобразование одного изображения в другое меню - CSS-хитрости

Преобразование одного изображения в другое меню - CSS-хитрости

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

Найти все внутренние ссылки - CSS-хитрости

Найти все внутренние ссылки - CSS-хитрости

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

Исключить $ (это) из селектора - CSS-хитрости

Исключить $ (это) из селектора - CSS-хитрости

Допустим, вы хотите прикрепить обработчик кликов к каждой ссылке на странице. Функция этого обработчика кликов меняет цвет для всех остальных ссылок. var "

Перетаскивается без jQuery UI - CSS-хитрости

Перетаскивается без jQuery UI - CSS-хитрости

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

Выровнять высоты дивов - CSS-хитрости

Выровнять высоты дивов - CSS-хитрости

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

Показать последний твит - CSS-хитрости

Показать последний твит - CSS-хитрости

Приведенный ниже код больше не работает как есть с обновлением API Twitter до версии 1.1 от 11.06.2013. API 1.1 требует oAuth, для которого требуется серверная сторона "

Готово событие изменения размера - CSS-хитрости

Готово событие изменения размера - CSS-хитрости

Если вы привыкли к чему-то вроде изменения размера пользовательского интерфейса jQuery, вы получаете события, к которым можно привязаться во время изменения размера, но также и в конце изменения размера. Нет такого события »

Плагин jQuery Duplicate - CSS-хитрости

Плагин jQuery Duplicate - CSS-хитрости

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

Отображать только первые X Div, переключить остальные - CSS-хитрости

Отображать только первые X Div, переключить остальные - CSS-хитрости

Var news = 2; hidenews = "- Скрыть архив новостей"; showews = "+ Показать архив новостей"; $ (". архив"). html (показанные новости); $ (". 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 "