После получения контента перестают работать скрипты, почему?
Добрый вечер. На странице выполняется несколько скриптов
<script> $(document).ready(function() //готов { $('.del').click(function() //photoimg изменился?! { $("#workers").html(''); // чистим preview $("#workers").html('<img src="../images/loader.gif" alt="Uploading...."/>'); //показываем картинку загрузки $.post("update.php", { id:this.id, opt:'del' }, function(data) {$("#workers").html(data); //alert("Data Loaded: " + data); }); return false; }); $('#addsubmit').click(function() //photoimg изменился?! { $("#workers").html(''); // чистим preview $("#workers").html('<img src="../images/loader.gif" alt="Uploading...."/>'); //показываем картинку загрузки $("#addworker").ajaxForm( //отправляем аякс запрос (тут уже действует jquery.fomr { target: '#workers', url: 'update.php', success: function(data) {//alert(data); $("#workers").html(data); } }).submit(); }); }); </script> в результате работы скрипта ($("#workers").html(data);) подгружается код: echo '<table class="table_black"> $t.='<tr><td align="center">Иванов</td><td align="center">работа</td><td align="center"><a target="_blank" href="../image/image.jpg">фотография</a></td><td align="center"><input name="button" type="button" value="Удалить" id="2'" class="del"/></td></tr>'; $t.='</table>'; echo $t; Проблема в том, чрто после загрузки кода $("#workers").html(data); на странице перестает срабатывать скрипт $('.del').click, почему так? Как можно решить проблему? P.S.: а после обновления страницы код $('.del').click снова работает... |
$('.del').live('click',function() //photoimg изменился? { Обработчики привязываются к текущим элементам Для новопоявляющихся устанавливаем обработчик с помощью - оn или live live -устарел для последних версий JQ |
спасибо за развитие))
|
Часовой пояс GMT +3, время: 17:10. |