Суть проблемы
есть код
<div id="scri">
<script charset='utf-8' src='/jquery-2.1.1.min.js' type='text/javascript'></script>
</div>
<script>
$(document).ready(function() {
$("#block").html('<div class="add">Добавить</div><div id="ty">Алерт</div>');
$(".add").click(function(){
var ds = "<script charset='utf-8' src='/jquery-2.1.1.min.js' type='text/javascript'><\/script>" +
"<script charset='utf-8' src='/my.js' type='text/javascript'><\/script>";
$("#scri").html(ds);
});
});
</script>
<div id="block">
</div>
и код файла my.js
$(document).ready(function() {
$("#ty").click(function(){
alert(333);
});
});
Когда кликаю на класс "add" $(".add"), в блоке $("#scri") заменяется html содержимое "подключаю 2 скрипта" после я кликаю на блок с id="ty" $("#ty") вылетает алерт все как бы идет как надо но стоит мне повторно кликнуть на $(".add") после чего опять на $("#ty") уже 2 алетра вылетает еще раз повторить предыдущие действия уже 3 алерта
Оно же вроде как заменяет html, но суда по том что алертов с каждым кликом больше, оно помнит и старых html который был в блоке
объясните пожалуйста из за чего оно так работает?
