jquery. Как выполнить динамически добавленную на страницу функцию?

Vladimir Ponomarenko, 447 просмотров

Есть первая функция, которая при клике на определенную кнопку добавляет одинаковые "элемменты" на страницу.
Элементы выглядят приблизительно так:
*****
<div>
<a href="#" class="button_1">Button</a>
<script>
call_my_function(".button_1");
</script>
</div>

/* второй добавленный элемент будет таким */
<div>
<a href="#" class="button_2">Button</a>
<script>
call_my_function(".button_2");
</script>
</div>
*****
Вторая функция "call_my_function" для примера делает:
*****
function call_my_function ( element_class ) {
jQuery( element_class ).click(function(){
alert("класс элемента: " + element_class );
}
}
*****
Как заставить выполниться эти добавленные функции вместе с указанными в них аргументами?

Примечание:
Ее можно было бы выполнять при клике, но ей постоянно передается другой аргумент (т.е. аргумент динамический). Ее нужно не просто выполнить, а выполнить с новыми аргументами.

Примечание:
Shini (ответ №2). К сожалению так как вы предложили невозможно, потому что функция содержит около 70-строк (я итак вставляю обращение к функции каждый раз и не могу же постоянно вставлять всю функцию). Спасибо за ваши попытки.

Ответы:

Артёмка

Так может при клике на кнопку и вызывать эту функцию, а не пихать её в html-код?

Shini

Сори, я с jquery плохо дружу, так что вариант на чистом js:
<a href="#" class="button_2" onclick="call_my_function(this)">Button</a>
<script>
function call_my_function(element) {
alert("класс элемента: " + element.className)
}
</script>

Denis_

Одно из двух: или же у вас абсолютно не продумана логика, или же просто не можете внятно объяснить задачу. Как бы там ни было, но вариант реализации, который вы показали в примере - даже на индусский код не тянет. По ссылке, я сделал абстрактный пример, косвенно относящийся к вашей задаче, просто, чтоб вас натолкнуть на более верный путь. Понятное дело, что примерчик вам вряд ли подойдет в том виде, какой есть. Посему, опишите доступно вашу проблему и можно будет попробовать найти нормальное решение.

holden321

Функция выполнится если экранировать "</script>"=>"<\/script>".
Но это все неправильно. Быдлокодинг называется.
Если вам нужно повесить обработчик на вновь созданные элементы
используйте on : http://jsfiddle.net/m3wL6/
или вешайте обработчик после добавления эелементов: http://jsfiddle.net/2JCYY/

11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.