Как повторно вызвать скрипт (ready()), которые подгружается динамически?

Question

[podushka]

Здравствуйте! У меня есть на странице блок, при нажатии на который вызывается функция, которая подгружает скрипт, в котором есть $(document).ready(), которая вставляет новые блоки на сайт, и обычные события на нажатие:

$('.button').click(function(){
alert(123)
})

но, если нажать повторно на блок, который подключает скрипт, то скрипт добавляется вновь (на странице будет 2 тега script), и если нажать на блок "button", то alert произойдет 2 раза. можно конечно удалить тег script, но скрипт всё равно остается в памяти. как можно решить данную проблему?

Answer 1

[Aetae]

Конкретизировать на что именно он вешает обработчики.
Не $('.button').click(...) который повесит на все .button на странице - и старые и новые, а $(container).find('.button').click(...), где container - родительский элемент нового добавляемого блока.

Comments

[podushka]

так дело не в этом, а в том, что если нажать на кнопку, то alert вызовется несколько раз (потому что на странице скрипт подключен несколько раз. зависит от количества нажати на блок, котооый подключает скрипты)

[Aetae]

podushka, да хоть десять раз скрипт подключит, какие проблемы то, если этот скрипт только на новые блоки навешивать будет?

Не хотите десять раз подключать скрипт - перепишите иначе. Как именно переписать - тут телепатов нет.

[podushka]

Aetae, почему только на новые? alert только на те, которые имеют класс button, то-есть все. блоки конечно удаляются, и появляются новые, но скрипт не удаляется, а создаётся новый такой-же. получается что и алерт будет вызываться повторно

[podushka]

podushka, новые скрипты конечно можно не добавлять, но как тогда сделать функцию в ready? если поместить это в отдельную функцию и вызывать каждый раз по нажатии на блок - то у меня возникает ошибка, что функция не найдена

[Aetae]

podushka, если старые блоки .button удалялись бы - такой ситуации не возникало бы.
А раз они не удаляются, я предположил что новые блоки только добавляются. Однако теперь понимаю, что добавляются и удаляются одни блоки, а .button всегда присутствуют на странице в другом месте.
В таком случае вам остаётся только написать удаление обработчиков. Благо jquery позволяет удалять обработчики "не глядя"(не указывая конкретных функций). Вам следует заменить код на $('.button').off('click').click(...). Это конечно костыльно, но что поделать.

[podushka]

Aetae, хорошо, позже попробую)