EventBinding для динамически добавленной TextArea

Question

EventBinding для динамически добавленной TextArea

0

У меня возникли проблемы с привязкой прослушивателей событий к динамически созданным элементам управления TextArea с использованием JQuery.

Вот мой сценарий.

Мне нужно предоставить возможность конечным пользователям создавать элементы управления TextArea при нажатии кнопки добавления. Мне также необходимо использовать функции Autosize. Я просмотрел веб-страницы и (на данный момент) решил использовать плагин Jtextarea.js(http://www.jscripts.info/jtextarea.php) для достижения функциональности автозапуска. Пока что так хорошо, я могу динамически создавать текстовые объявления "на лету", но испытываю трудности с их автоматизацией.

Могу ли я получить некоторую информацию о том, как я могу это достичь.?

Благодарю.

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script src="jtextarea.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('.textarea').jtextarea();
                $(document).on('', '.textarea', function (e) {
                    $('.textarea').jtextarea();
                });
            });

            function addBullet() {
                $('#myOrderedList').append('<li><textarea class="textarea"></textarea><a href="javascript:;" class="itemDelete">(x)</a></li>');
                // alert("button clicked");
            }

            $($(document)).on('click', '.itemDelete', function () {
                $(this).parent().remove();
                //alert("x clicked");
            });
        </script>
        <style>
            textarea {
                height: 20px;
                width: 300px;
            }

            #myOrderedList {
                list-style: decimal-leading-zero;
            }

            li textarea {
                vertical-align: top;
            }
        </style>
    </head>
    <body>
        <ul id="myOrderedList">
            <li><textarea class="textarea"></textarea></li>
        </ul>
        <button onclick="addBullet()">Add</button>
    </body>
</html>

user3532540 15 апр. 2014, в 23:49

Источник

0

чего ты достиг? не могли бы вы показать какой-нибудь код?
Vickel 15 апр. 2014, в 21:53
0

Привет Викель, это первый раз, когда я пишу на stackoverflow. Можете ли вы, пожалуйста, дайте мне знать, как я могу опубликовать мой HTML здесь. Благодарю. Я пытался использовать блок кода, но HTML становится раздетым. Благодарю.
user3532540 15 апр. 2014, в 21:57
0

Я бы посоветовал сначала прочитать это, это помогает понять сайт Stackoverflow: stackoverflow.com/about
Vickel 15 апр. 2014, в 22:03
0

Хорошо, я попробую изменить плагин на тот, который вы предложили. Я совершенно новичок в jquery и впредь изо всех сил пытаюсь заставить его работать. Кроме того, я не вижу, чтобы CSS-классы не действовали для динамически создаваемой текстовой области. Пожалуйста, скажите мне, где я ошибаюсь, или это неправильный подход к этому. Короче говоря, я хочу, чтобы динамически добавленные Textareas были автоматически изменены, а также они должны взять CSS, который я уже указал для текстового поля по умолчанию. Большое спасибо за ваши комментарии и поддержку.
user3532540 16 апр. 2014, в 01:43

Показать ещё 2 комментария

Теги:

jquery

1 ответ

Ещё вопросы

чего ты достиг? не могли бы вы показать какой-нибудь код?
Привет Викель, это первый раз, когда я пишу на stackoverflow. Можете ли вы, пожалуйста, дайте мне знать, как я могу опубликовать мой HTML здесь. Благодарю. Я пытался использовать блок кода, но HTML становится раздетым. Благодарю.
Я бы посоветовал сначала прочитать это, это помогает понять сайт Stackoverflow: stackoverflow.com/about
Хорошо, я попробую изменить плагин на тот, который вы предложили. Я совершенно новичок в jquery и впредь изо всех сил пытаюсь заставить его работать. Кроме того, я не вижу, чтобы CSS-классы не действовали для динамически создаваемой текстовой области. Пожалуйста, скажите мне, где я ошибаюсь, или это неправильный подход к этому. Короче говоря, я хочу, чтобы динамически добавленные Textareas были автоматически изменены, а также они должны взять CSS, который я уже указал для текстового поля по умолчанию. Большое спасибо за ваши комментарии и поддержку.

Vickel · Answer 1 · 2014-04-15T19-45-00.000Z

похоже, что у вашего выбранного скрипта есть некоторые проблемы (см. раздел "Комментарии и вопросы" предоставленной вами ссылки). Я бы предложил, например: http://www.jacklmoore.com/autosize/ их пример работает.

Вам также необходимо очистить (переписать) код java-скрипта, например, вы дважды инициализируете jtextarea().