Почему не работает javascript после ajax?

Question

[Newbeenew]

помогите разобраться плз:
ajax выводит в div .cartleft данные

$(function(){
			$('body').on("click",".delId", function() {
   
			        $.ajax({
			            type: 'post',
			            url: "cart.php?del=true&change=true", 
			            data: {'delId':$(this).attr("id")},
			            response: 'text',
			            success: function(data){
			            $(".cartLeft").html(data).fadeIn(); 
			            }
			       	})   
			})
})

в котором дальнейшие клики обрабатываются нормально, а

document.getElementById('cartTotalId').innerHTML = '!'

или
$('.cartTotal').html('!').fadeIn()

уже не работают

Answer 1

[RidgeA]

при запросе возникает ошибка

Comments

[Newbeenew]

до ajax работает нормально

Answer 2

[Алексей Шашенков]

Ну, а зачем

document.getElementById('cartTotalId').innerHTML = '!'
//или
$('.cartTotal').html('!').fadeIn()

Проще Node.textContent использовать.
Передовая hml, и принимая его не обработав, вы нарываетесь на угрозу xss
А лучше используйте json

Comments

[Newbeenew]

так тоже не работает

var text = document.getElementById("cartTotalId").textContent;
document.getElementById("cartTotalId").textContent = "!";

[Алексей Шашенков]

Newbeenew: Ну не знаю что у вас не так. Все работает https://jsfiddle.net/tmz6cLdm/

[Newbeenew]

teknik2008: после первого вывода данных javascript вообще перестает работать. даже alert()

[Алексей Шашенков]

Newbeenew: Ок, а ссылку можно?
Может там вообще не тут проблема

[Newbeenew]

teknik2008: только на локалке есть, могу тимвьюер дать

Answer 3

[Salim_Gareev]

вам нужно использовать функцию .on . т.е. обработчик вешается только один раз при загрузке, когда приходит новый контент на них не вешается автомматически ваш обработчик.

Comments

[Newbeenew]

$('body').on("click",".delId", function()

он и висит