Фрагменты кода 2025, Январь

Отключить / повторно включить входы - CSS-хитрости

Отключить / повторно включить входы - CSS-хитрости

Отключить: $ ("# кнопка отправки"). Attr ("отключено", истина); Повторно включить: $ ("# submit-button"). RemoveAttr ("disabled"); "

Отключить родительские ссылки при навигации по вложенному списку - CSS-хитрости

Отключить родительские ссылки при навигации по вложенному списку - CSS-хитрости

Код jQuery, который отключает родительские ссылки для раскрывающихся меню. Меню должно быть построено в виде вложенных списков, а родительская ссылка отключена. Это помогает"

Обнаружить первый видимый элемент определенного класса - CSS-хитрости

Обнаружить первый видимый элемент определенного класса - CSS-хитрости

Добавляет класс «first» к первому элементу, у которого есть класс «activity», видимый в окне браузера. $ (окно) .scroll (function () (var "

Цикл по списку - CSS-хитрости

Цикл по списку - CSS-хитрости

Этот код будет циклически перебирать неупорядоченный список с идентификатором «cyclelist». Может использоваться с любым элементом с дочерними элементами. Замените "ul # cyclelist li" на "

Сравнить объекты jQuery - CSS-хитрости

Сравнить объекты jQuery - CSS-хитрости

Вы не можете сравнивать, если два объекта jQuery одинаковы ... if ($ (selectionOne) === $ (selectionTwo)) () Вы можете сравнивать объекты DOM, хотя ... if "

Комбинировать функции скольжения и затухания - CSS-хитрости

Комбинировать функции скольжения и затухания - CSS-хитрости

$ .fn.slideFadeToggle = function (speed, easing, callback) (return this.animate ((opacity: 'toggle', height: 'toggle'), speed, easing, callback);); Использование"

Щелкните "Один раз и отмените привязку" - CSS-хитрости

Щелкните "Один раз и отмените привязку" - CSS-хитрости

Что-нибудь случится в событии щелчка, но только один раз! Отключите обработчик кликов после того, как элемент был нажат один раз. $ ('# my-selector'). bind ('щелчок', "

Очистить строку поиска по умолчанию в фокусе - CSS-хитрости

Очистить строку поиска по умолчанию в фокусе - CSS-хитрости

$ ("# s") .val ("Поиск ...") .css ("цвет", "#ccc") .focus (function () ($ (this) .css ("цвет", "черный" ); if ($ (this) .val () == "Искать ...") ($ (this) .val ("");) "

Очистить ввод файла - CSS-хитрости

Очистить ввод файла - CSS-хитрости

Вы можете просто клонировать его и заменить собой, со всеми прикрепленными событиями. var input = $ ("# контроль"); функция something_happens () ("

Проверить, загружен ли jQuery - CSS-хитрости

Проверить, загружен ли jQuery - CSS-хитрости

If (typeof jQuery == 'undefined') (// jQuery НЕ загружен, сделайте что-нибудь здесь.) "

Проверить, было ли событие инициировано или родным - CSS-хитрости

Проверить, было ли событие инициировано или родным - CSS-хитрости

$ ('button'). click (function (event, wasTriggered) (if (wasTriggered) (alert ('запускается в коде');) else (alert ('запускается мышью');))); "

Проверить, существует ли элемент - CSS-хитрости

Проверить, существует ли элемент - CSS-хитрости

If ($ ('# myElement'). length> 0) (// он существует) Или сделать из него интересную функцию с обратным вызовом: // Tiny jQuery Plugin // Крис Гудчайлд $ .fn.exists = "

Проверить, установлен ли флажок - CSS-хитрости

Проверить, установлен ли флажок - CSS-хитрости

Скажите, что в 10 раз быстро =). Узнать, установлен ли один флажок или нет, возвращает true или false: $ ('# checkBox'). Attr ('checked'); Найти все отмеченные "

Измените WMode с помощью jQuery - CSS-хитрости

Измените WMode с помощью jQuery - CSS-хитрости

Если вы не установите режим wmode на встроенной флеш-памяти, он будет плавать поверх наложения, что может быть довольно большим делом. Это идеально в среде с "

Обнаружение браузера + применение классов к элементу HTML - CSS-хитрости

Обнаружение браузера + применение классов к элементу HTML - CSS-хитрости

JQBrowser v0.2: http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/ eval (function (p, a, c, k, e, d) (e = function (c) (return (c "

Проверить наличие пустых элементов - CSS-хитрости

Проверить наличие пустых элементов - CSS-хитрости

Сделайте что-нибудь для каждого найденного пустого элемента: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Сделайте что-нибудь))); ИСТИНА или ЛОЖЬ, если элемент пуст: "

Лучшая обработка битых изображений - CSS-хитрости

Лучшая обработка битых изображений - CSS-хитрости

Отсутствующие изображения либо просто ничего не отображают, либо отображают поле стиля, когда их источник не может быть найден. Вместо этого вы можете заменить это на "

Рассчитать расстояние между мышью и элементом - CSS-хитрости

Рассчитать расстояние между мышью и элементом - CSS-хитрости

(function () (var mX, mY, distance, $ distance = $ ('# distance span'), $ element = $ ('# element'); function calculateDistance (elem, mouseX, mouseY) (return "

Добавить наложение сайта DIV - CSS-хитрости

Добавить наложение сайта DIV - CSS-хитрости

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('opacity' : 0.4, 'позиция': "

Автоматически находить ссылки на документы и применять класс - CSS-хитрости

Автоматически находить ссылки на документы и применять класс - CSS-хитрости

$ ('a'). each (function () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (this) .addClass (C);))); Это позволит просмотреть каждый элемент в "

Добавьте неразрывный промежуток в заголовке, чтобы предотвратить вдовы - CSS-хитрости

Добавьте неразрывный промежуток в заголовке, чтобы предотвратить вдовы - CSS-хитрости

$ ("h2"). each (function () (var wordArray = $ (this) .text (). split (""); var finalTitle = ""; for (i = 0; i "

Анимировать высоту / ширину до «Авто» - CSS-хитрости

Анимировать высоту / ширину до «Авто» - CSS-хитрости

Невозможно сделать thing.animate (("height": "auto")) ;. Итак, это метод Дарси Кларк, позволяющий этому сработать. По сути, вы клонируете элемент "

Добавить: nth-of-type в jQuery - CSS-хитрости

Добавить: nth-of-type в jQuery - CSS-хитрости

$ .expr = function (elem, i, match) (var parts = match.split ("+"); return (i + 1 - (parts || 0))% parseInt (parts, 10) === 0; ); См. Исходную статью "

Неэкранировать HTML в JS - CSS-хитрости

Неэкранировать HTML в JS - CSS-хитрости

Function htmlDecode (input) (var e = document.createElement ('div'); e.innerHTML = input; return e.childNodes.length === 0? "": e.childNodes.nodeValue;) "

Добавление / удаление класса при наведении - CSS-хитрости

Добавление / удаление класса при наведении - CSS-хитрости

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Это будет работать в любом браузере на любом элементе, чтобы "

Добавить активный класс навигации на основе URL - CSS-хитрости

Добавить активный класс навигации на основе URL - CSS-хитрости

В идеале вы выводите этот класс со стороны сервера, но если вы не можете ... Допустим, у вас есть такая навигация: Главная О клиентах Свяжитесь с нами И вы "

Размер области просмотра, разрешение экрана, положение мыши - CSS-хитрости

Размер области просмотра, разрешение экрана, положение мыши - CSS-хитрости

Этот код является кроссбраузерным и проверяет размеры области просмотра, разрешение экрана и положение мыши, что может быть весьма полезно для "

Букмарклет Word Count - CSS-хитрости

Букмарклет Word Count - CSS-хитрости

Добавьте на панель закладок, выделите текст, щелкните его, чтобы узнать количество слов. Подсчет слов Букмарклет Подсчет слов <Перетащите на панель закладок "

Обрезать первые / последние символы в строке - CSS-хитрости

Обрезать первые / последние символы в строке - CSS-хитрости

Удалить последние четыре символа var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString теперь "abc" Удалить первые два "