Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Как сделать, чтобы функция jQuery была применима к объекту, созданному другой функцией?

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Поиск в теме | Версия для печати
Aricus
Отправлено: 10 Января, 2015 - 14:45:12
Post Id



Частый гость


Покинул форум
Сообщений всего: 245
Дата рег-ции: Апр. 2014  


Помог: 0 раз(а)
Например:
CODE (javascript):
скопировать код в буфер обмена
  1. var $file = $('#tableFiles tr td:last-child input');
  2. $file.on("change", function(event){
  3.         var $fileReg = new RegExp("askFile");
  4.         var $numF = parseInt(this.name.replace($fileReg, ""));
  5.         var $numFPlus = $numF + 1;
  6.                 if ($numF > $('#askNumFile').val())
  7.                         {if ($('#askNumFile').val() >= $('#askNumImg').val())
  8.                         {$('#tableFiles').append('<tr><td id="img' + $numFPlus + '"></td><td id="file' + $numFPlus + '"></td></tr>');}
  9.                 $('#file' + $numFPlus).append('<input type="file" class="file" name="askFile' + $numFPlus + '">');
  10.                 $('#askNumFile').val(parseInt($('#askNumFile').val()) + 1);
  11.                 $('#askDescription').val($('#askDescription').val() + '[file' + $('#askNumFile').val() + ' t=""]');}
  12. return false;  
  13. });

Функция при добавлении файла создаёт ниже второе поле, в которое можно добавить другой файл. По параметрам второе поле так же подходит под переменную $file, а, следовательно, при добавлении второго файла должно появляться третье поле, но этого не происходит. Существуют и другие аналогичные примеры: обработчики не вешаются на объекты, созданные функциями jQuery
 
 Top
Contr
Отправлено: 11 Января, 2015 - 22:13:33
Post Id



Частый гость


Покинул форум
Сообщений всего: 202
Дата рег-ции: Окт. 2011  
Откуда: с Марса


Помог: 1 раз(а)
А на чистом javascript'е чего не пишем? В этом нет ничего стыдного Подмигивание
 
 Top
SAD
Отправлено: 11 Января, 2015 - 23:07:10
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)
CODE (javascript):
скопировать код в буфер обмена
  1. $('#tableFiles tr td:last-child').on("change", 'input', function (event) {
 
 Top
IllusionMH
Отправлено: 11 Января, 2015 - 23:20:09
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Aricus, а где на новый элемент событие навешивается? Нужно сначала получать этот новый элемент а потом уже навешивать событие?
Либо делегировать на родителя
CODE (javascript):
скопировать код в буфер обмена
  1. $('#tableFiles').on('change', 'tr td:last-child input', function(){});
 
 Top
Aricus
Отправлено: 14 Января, 2015 - 14:28:53
Post Id



Частый гость


Покинул форум
Сообщений всего: 245
Дата рег-ции: Апр. 2014  


Помог: 0 раз(а)
IllusionMH пишет:
Нужно сначала получать этот новый элемент а потом уже навешивать событие

А как его получать? Делегировать на родителя в данном случае сложно, так как делегировать нужно далеко, и на элементы с разными названиями.
 
 Top
DelphinPRO
Отправлено: 14 Января, 2015 - 16:08:35
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
Aricus пишет:
Делегировать на родителя в данном случае сложно,
IllusionMH пишет:
$('#tableFiles').on('change', 'tr td:last-child input', function(){});

что там сложного Улыбка
(Добавление)
разве что селектор укоротить можно, tr там явно лишний Улыбка
(Добавление)
точнее даже так

tr:last-child input
(Добавление)
Делов на две строки Улыбка

CODE (javascript):
скопировать код в буфер обмена
  1. var countFields = 1;
  2. var $tableFiles = $('#tableFiles')
  3. $tableFiles.on('change', 'tr:last-child input', function(){
  4.        
  5.         countFields++;
  6.        
  7.         $tableFiles.append('<tr>'+
  8.         '<td id="img' + countFields + '"></td>'+
  9.         '<td id="file' + countFields + '">'+
  10.         '<input type="file" class="file" name="askFile' + countFields + '"></td>'+
  11.         '</tr>');
  12.        
  13.         // ... ну и дальше ваша остальная вью-логика, не совсем ее понял
  14.        
  15. });

(Отредактировано автором: 14 Января, 2015 - 16:21:31)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


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



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB