<
  • Главная
Статьи

Метод .resize () | jQuery довідник

  1. Визначення та застосування
  2. jQuery синтаксис:
  3. Запроваджений у версії jQuery
  4. значення параметрів
  5. приклад використання
jQuery події

Визначення та застосування

jQuery метод .resize () прив'язує JavaScript обробник подій "resize" (спрацьовує при зміні розмірів вікна браузера), або запускає цю подію на обраний елемент.

Зверніть увагу на те, що в залежності від браузера користувача, кількість спрацьовувань події "resize" може відрізнятися, деякі браузери відправляють подія постійно, коли зміна розміру вікна браузера відбувається (типова поведінка в Internet Explorer і браузерів на основі WebKit, таких як Safari і Chrome ), або тільки один раз в кінці операції зміни розміру вікна (типова поведінка в деяких інших браузерах, таких як Opera). З цієї причини код використовуваний в обробнику цієї події не повинен бути залежним від кількості спрацьовує раз.

jQuery синтаксис:

Синтаксис 1.0:

$ (selector) .resize () // метод використовується без параметрів $ (selector) .resize (handler) handler - Function (Event eventObject) Синтаксис 1.4.3: $ (selector) .resize (eventData, handler) eventData - Anything handler - Function (Event eventObject)

Звертаю Вашу увагу, що метод .resize (), який використовується разом з функцією, переданої в якості параметра (handler) є, коротким записом методу .on (), а без параметра є коротким записом методу .trigger ():

$ (Selector) .on ( "resize", handler) // зняття можливо з .off ( "resize") $ (selector) .trigger ( "resize")

Запроваджений у версії jQuery

1.0 (синтаксис оновлений в версії 1.4.3)

значення параметрів

Параметр Опис eventData Об'єкт, що містить дані, які будуть передані в обробник подій. handler Функція, яка буде виконана кожен раз, коли подія спрацьовує. Функція як параметр може приймати об'єкт Event.

приклад використання

<! DOCTYPE html> <html> <head> <title> Використання jQuery методу .resize () (без параметрів і з функцією) </ title> <script src = "https://ajax.googleapis.com/ajax/libs /jquery/3.1.0/jquery.min.js "> </ script> <script> $ (document) .ready (function () {$ (" button ") .click (function () {// задаємо функцію при натискання на елемент <button> $ (window) .resize (); // викликаємо подія "resize" на об'єкті window}); $ (window) .resize (function () {// задаємо функцію при спрацьовуванні події "resize" на об'єкті window var width = $ (window) .width (); // ширина області перегляду браузера $ ( "p") .html (width); // вставляємо значення ширини області перегляду браузера});}); </ Script> </ head> <body> <button> Клік </ button> <p> </ p> </ body> </ html>

У цьому прикладі з використанням jQuery методу .resize () ми при натисканні на елемент <Button> (кнопка) викликаємо подія "resize" на об'ектe window, якому поставили, що при спрацьовуванні події "resize" необхідно отримати значення ширини області перегляду браузера і вставити його в елемент <P> . При зміні розмірів вікна браузера значення в елементі <P> буде змінюватися.

Результат нашого прикладу:

Результат нашого прикладу:

Приклад використання jQuery методу .resize () (без параметрів і з функцією) jQuery події



Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

    Возможности Jetpack плагина
    Вступление Возможности Jetpack плагина это более 30 функциональных модуля плагина, делающего его универсальным плагином WordPress, заменяющего аналогичные сторонние плагины. Jetpack один заменяет десятки

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью