PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

вопрос о методе on()

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

dadli	Отправлено: 10 Июня, 2012 - 22:19:35
Посетитель Покинул форум Сообщений всего: 416 Дата рег-ции: Май 2011 Откуда: тифилис Помог: 5 раз(а)	приветствую здес http://jquery[dot]page2page[dot]ru/index.php5/On читаю: Цитата: Метод on() введен в jQuery-1.7, чтобы объединить три метода библиотеки, устанавливающие обработчики событий на элементы страницы: .bind(), .delegate(), .live(). Сами эти методы считаются теперь устаревшими, хотя еще поддерживаться но здес не правилно написано тот момент что ,on() объединить три метода, (и в том числе live() ), так как метод on() не сделает тоже самое, что live(). интереснее услишать ваше мнение, почему етом статие написано так? или я ошибаю и on() тоже можно исползовать как метод live() ?

SAD	Отправлено: 10 Июня, 2012 - 22:32:10
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	можно. метод on универсален. если заглянуть в код jquery, то можно увидеть, что все старые методы сводятся к методу on (Добавление) CODE (javascript): скопировать код в буфер обмена bind: function( types, data, fn ) { return this.[b]on[/b]( types, null, data, fn ); }, live: function( types, data, fn ) { jQuery( this.context ).[b]on[/b]( types, this.selector, data, fn ); return this; }, (Отредактировано автором: 10 Июня, 2012 - 22:33:49)

dadli	Отправлено: 10 Июня, 2012 - 22:38:03
Посетитель Покинул форум Сообщений всего: 416 Дата рег-ции: Май 2011 Откуда: тифилис Помог: 5 раз(а)	SAD вот например есть такои код CODE (javascript): скопировать код в буфер обмена $(document).ready (function () { $("#div1").on("click", function () { $("#div1").after("<div id='div2'>div2</div>"); }); $("#div2").live("click", function () { alert("asd"); }); }); CODE (html): скопировать код в буфер обмена <div id="div1">div1</div> здес при клике на div1 создаем елемент div2 и потом при клике на div2 визиваем алерт, и ето спомошчю метода live(), подскажите плиз как тоже самое сделать через метода on()

SAD	Отправлено: 10 Июня, 2012 - 22:40:37
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	CODE (javascript): скопировать код в буфер обмена $("#div2").on("click", function () { alert("asd"); });

DelphinPRO	Отправлено: 10 Июня, 2012 - 22:46:07
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	dadli пишет: или я ошибаю и on() тоже можно исползовать как метод live() ? не совсем. on() можно использовать как delegate()? при этом live становится не нужен CODE (javascript): скопировать код в буфер обмена $(document).ready(function(){ $('body').on('click', 'button', function(){ $('body').append('<button>button</button>'); }); }); CODE (html): скопировать код в буфер обмена <body> <button>button</button> </body> ----- Чем больше узнаю, тем больше я не знаю.

dadli	Отправлено: 10 Июня, 2012 - 22:46:32
Посетитель Покинул форум Сообщений всего: 416 Дата рег-ции: Май 2011 Откуда: тифилис Помог: 5 раз(а)	SAD нет, так не рабочи (Добавление) DelphinPRO если честно, я не понял как связани ваш пример и мои вопрос? что ви написали ето совсем понятно что умеет метод on(), но не понятно как исползовать метод on() в качестве live() ?

DelphinPRO	Отправлено: 10 Июня, 2012 - 23:28:59
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	все просто. метод live работает также как delegate (надеюсь понимаете разницу между delegate и click?), НО по умолчанию ставит обработчик на самый верхний уровень иерархии DOM. в результате, благодаря "всплыванию" событий получаем, что этот обработчик проверяет кучу событий от всех элементов на предмет, тот ли это элемент, который надо обработать. Разумеется на это тратится много ресурсов. в последней версии jquery решили избавиться от этого метода, оставив возможность делегированной обработки событий через метод on ----- Чем больше узнаю, тем больше я не знаю.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.