Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
 Аватар для BART96
0 / 0 / 1
Регистрация: 04.02.2015
Сообщений: 37

Автоматическое создание событий на новые элементы

30.04.2017, 04:12. Показов 576. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Имеется плагин, который находит все элементы и выполняет с ними какие-либо действия. Но как задействовать элементы, которые были созданы после запуска плагина?

ПРИМЕР

Я использую плагин autoResize (https://gist.github.com/fundon/755990)
Кликните здесь для просмотра всего текста

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
/*
 * jQuery autoResize (textarea auto-resizer)
 * @copyright James Padolsey [url]http://james.padolsey.com[/url]
 * @version 1.04
 */
 
(function($){
 
    $.fn.autoResize = function(options) {
 
        // Just some abstracted details,
        // to make plugin users happy:
        var settings = $.extend({
             // limit textaream length
            onResizeBefore: function(){},
            onResize : function(){},
            animate : true,
            animateDuration : 150,
            animateCallback : function(){},
            extraSpace : 20,
            limit: 1000
        }, options);
 
        // Only textarea's auto-resize:
        this.filter('textarea').each(function(){
 
                // Get rid of scrollbars and disable WebKit resizing:
            var textarea = $(this).css({resize:'none','overflow-y':'hidden'}),
 
                // Cache original height, for use later:
                origHeight = textarea.height(),
 
                // Need clone of textarea, hidden off screen:
                clone = (function(){
 
                    // Properties which may effect space taken up by chracters:
                    var props = ['height','width','lineHeight','textDecoration','letterSpacing'],
                        propOb = {};
 
                    // Create object of styles to apply:
                    $.each(props, function(i, prop){
                        propOb[prop] = textarea.css(prop);
                    });
 
                    // Clone the actual textarea removing unique properties
                    // and insert before original textarea:
                    return textarea.clone().removeAttr('id').removeAttr('name').css({
                        position: 'absolute',
                        top: 0,
                        left: -9999
                    }).css(propOb).attr('tabIndex','-1').insertBefore(textarea);
 
                })(),
                lastScrollTop = null,
                updateSize = function(event) {
                    
                    // if onResizeBefore return true, the updateSize function return;
                    var returnCallback = settings.onResizeBefore.call(this, event);
                    if(!!returnCallback) return;
                    
                    // Prepare the clone:
                    clone.height(0).val($(this).val()).scrollTop(10000);
 
                    //console.log($(this).css('font-size'))
                    // Find the height of text:
                    var scrollTop = Math.max(clone.scrollTop(), origHeight) + settings.extraSpace,
                        toChange = $(this).add(clone);
 
                    // Don't do anything if scrollTip hasen't changed:
                    if (lastScrollTop === scrollTop) { return; }
                    lastScrollTop = scrollTop;
 
                    // Check for limit:
                    if ( scrollTop >= settings.limit ) {
                        $(this).css('overflow-y','');
                        return;
                    }
                    // Fire off callback:
                    settings.onResize.call(this, event);
 
                    // Either animate or directly apply height:
                    settings.animate && textarea.css('display') === 'block' ?
                        toChange.stop().animate({height:scrollTop}, settings.animateDuration, settings.animateCallback)
                        : toChange.height(scrollTop);
                };
 
            // Bind namespaced handlers to appropriate events:
            textarea
                .unbind('.dynSiz')
                .bind('keyup.dynSiz', updateSize)
                .bind('keydown.dynSiz', updateSize)
                .bind('change.dynSiz', updateSize);
 
        });
 
        // Chain:
        return this;
 
    };
})(jQuery);
 
 
// Example:
$(function(){
       $('#ta').autoResize({animate: true,extraSpace:20, onResizeBefore: function(event){
              var str = $.trim($(this).val());
              if(str.length > 140) return true;
       }});
 });


Он отлично справляется, но если "textarea" была создана после запуска плагина, то плагин на нее никак не повлияет. Как отслеживать появление новых "textarea" и вешать на них событие? (или сразу подключать к ним плагин)
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
30.04.2017, 04:12
Ответы с готовыми решениями:

Добавить новые элементы
После элемента "class2" нужно добавить элементы, таким образом, чтобы событие 'click', назначенное на блок "class1", на новых...

Новые элементы для VB# 7.0
Как известно, многие элементы (кнопки, списки и др.) в VB изменяются, дополняются с выпуском новых версий. Так вот, наверняка и в VB 7.0...

Создание и обработка событий
Всем добрый день. К данной программе нужно создать какое либо событие. Тема: Создание и обработка событий. Цель работы: Закрепить...

1
 Аватар для Zvero
38 / 36 / 14
Регистрация: 02.05.2011
Сообщений: 200
30.04.2017, 16:18
Сам плагин не имеет метода обновления, по этому вам лучше при событии вызова textarea заново инициализировать плагин. Или можете попробовать другой плагин http://leaverou.github.io/stretchy/#examples он работает через делегирование и способен обнаруживать новые элементы.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
30.04.2017, 16:18
Помогаю со студенческими работами здесь

Создание обработчиков событий
Здравствуйте. Вот для разнообразия (раньше пользовался VS) поставил Qt 5.4.0, вроде всё норм, да только я одного не могу понять: как...

Создание обработчиков событий
Я создал динамически форму а на нем кнопку button, как теперь создовать обработчики событий, например у формы onCreate а у кнопки onClick?

Создание обработчика событий
На форме компоненты Memo1 и MainMenu, где созданы подпункты TMenuItem. В учебнике нашел процедуру: procedure TForm1.Put(Sender:...

Динамическое создание событий
Здравствуйте. Есть код: Button bt = new Button; for (int i = 0; i < 5; i++) { ...

Создание собственных событий
Вот размечтался о возможности добавлять собственные обработчики событий. А то что-то много чего нет. Это вообще реально, или забыть?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru