После получения контента перестают работать скрипты, почему?
Добрый вечер. На странице выполняется несколько скриптов
<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, время: 13:43. |