Добрый вечер. На странице выполняется несколько скриптов
<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 снова работает...