Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Удаление элемента из DOM, jquery
DmitryOpalev  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Многоугольный эксперт
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 1596
Пользователь №: 23907
На форуме: 6 лет, 2 месяца, 29 дней
Карма: 19




Такая тема:
Нужно загружать любое кол-во изображений на сервер, я сделал, чтобы при нажатии на кнопку добавлялся новый инпут-файл элемент:
	$('#add_image').click(function() {
$('.images').append("<div><span class='remove'> </span><input type='file' name='image[]'></div>");
});

Как вы заметили, добавляется
<span class='remove'> </span>
- это кнопка для удаления текущего элемента.
Если мы кликаем на эту кнопку (для удаления), должены срабоать следующие строки:
	$('.remove').click(function() {});

Но этот код не реагирует на те элементы, которые были добавлены функцией выше. Если элемент .remove существовал изначально, событие происходит.
Пытался вставлять код после этих самых инпутов - не помогло. Может надо как-то обновить дерево DOM?


--------------------
PMПисьмо на e-mail пользователюСайт пользователяICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Winston  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме




******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 9509
Пользователь №: 18161
На форуме: 7 лет, 5 месяцев, 17 дней
Карма: 552




Вот так перепиши
$('#add_image').live('click', function() {
PMСайт пользователя
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
DmitryOpalev  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Многоугольный эксперт
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 1596
Пользователь №: 23907
На форуме: 6 лет, 2 месяца, 29 дней
Карма: 19




Ннет, не работает.


--------------------
PMПисьмо на e-mail пользователюСайт пользователяICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Winston  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме




******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 9509
Пользователь №: 18161
На форуме: 7 лет, 5 месяцев, 17 дней
Карма: 552




Цитата (DmitryOpalev @ 10.01.2013 - 19:58)
$('.remove')

И это попробуй так же через live переписать
PMСайт пользователя
    1   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
DmitryOpalev  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Многоугольный эксперт
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 1596
Пользователь №: 23907
На форуме: 6 лет, 2 месяца, 29 дней
Карма: 19




Winston
Спасибо, заработало)
Мельком прочитал про эту функцию, ни разу ее не использовал, что она "привязывает событие ко всем данным элементам" или что-то в этом роде.
Это не может повлечь никаких конфликтов в будущем?
Еще раз повторюсь что не имел дела с этой функцией.


--------------------
PMПисьмо на e-mail пользователюСайт пользователяICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Winston  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме




******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 9509
Пользователь №: 18161
На форуме: 7 лет, 5 месяцев, 17 дней
Карма: 552




Да. она привязывает обработчик к событию которое будет проиcходить с элементами которые ты создаешь динамически.
Цитата (DmitryOpalev @ 10.01.2013 - 20:45)
Это не может повлечь никаких конфликтов в будущем?

Точно сказать не могу, т.к. у меня никаких проблем небыло
PMСайт пользователя
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
DmitryOpalev  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Многоугольный эксперт
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 1596
Пользователь №: 23907
На форуме: 6 лет, 2 месяца, 29 дней
Карма: 19




Спасибо


--------------------
PMПисьмо на e-mail пользователюСайт пользователяICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
killer8080  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 8740
Пользователь №: 26630
На форуме: 5 лет, 9 месяцев, 9 дней
Карма: 591




Цитата
As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live().
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
DmitryOpalev  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Многоугольный эксперт
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 1596
Пользователь №: 23907
На форуме: 6 лет, 2 месяца, 29 дней
Карма: 19




killer8080
опробую завтра wink.gif


--------------------
PMПисьмо на e-mail пользователюСайт пользователяICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса