JQuery onChange div content

Question

Я хотел бы запустить функцию, когда заряжается div (изображение), я пробовал это с помощью html(). Length и onChange, но onChange работает только при загрузке страницы, спасибо:

Мой код:

if (($("#zv1").html().length > 0) && ($("#zv1").change())){ 
      //ion.sound.play("water_droplet_2"); 
      alert("sound"); 
     } 
     if (($("#zv2").html().length > 0)) { 
      //ion.sound.play("water_droplet_2"); 
      alert("sound"); 
     } 
     if (($("#zv3").html().length > 0) && ($("#zv3").change())) { 
      //ion.sound.play("water_droplet_2"); 
      alert("sound"); 
     } 
     if (($("#zv4").html().length > 0) && ($("#zv4").change())) { 
      //ion.sound.play("water_droplet_2"); 
      alert("sound"); 
     } 
     if (($("#zv5").html().length > 0) && ($("#zv5").change())) { 
      //ion.sound.play("water_droplet_2"); 
      alert("sound"); 
     } 
     if (($("#zv6").html().length > 0) && ($("#zv6").change())) { 
      //ion.sound.play("water_droplet_2"); 
      alert("sound"); 
     } 
     if (($("#zv7").html().length > 0) && ($("#zv7").change())) { 
      //ion.sound.play("water_droplet_2"); 
      alert("sound"); 
     } 
     if (($("#zv8").html().length > 0) && ($("#zv8").change())) { 
      //ion.sound.play("water_droplet_2"); 
      alert("sound"); 
     } 

AJAX пример:

function sync_vitrasa(id){ 
    $.ajax({ 
    url: "/vitrasa_state/", 
    type:"GET", 
    data: { 
     id: id, 
    },success: function(data) { 
     id="#zv"+id; 
     if($(id).html().length == 0){ 
      $(id).html(data) 
      alert("sound"); 
     } 
     else { 
      if($(id).html() != data) { 

       //ion.sound.play("water_droplet_2"); 
       alert("image is already there"); 
      } 
     } 
    } 
}); 
} 

Проверьте представить в другом HTML щелкает:

$(document).ready(function() { 
      setInterval(function() { 
       $.ajax({ 
        url : '/vitrasa/', 
        success : function(data){ 
         $('#sub2').click(function() { 
          alert("calling Ajax."); 
          sync_vitrasa(2); 
         }); 
        } 
       }); 
      }, 500); 

      }); 

PD: zvX является ДИВЫМ идентификатором для HTML т.да, что contais изображения заряженного с помощью AJAX

Answer 1

Почему отслеживать изменения HTML Td, когда вы знаете, что меняются через AJAX?

Например, если у вас есть что-то в вашем АЯКС ответ, который говорит

$('#zv8').html(result); 

вызов, что вы должны изменить оттуда. Вы уже знаете, что меняется.

Edit: Изменение в код АЯКС

Я думаю, что что-то подобное должно получить, что вы хотите. Это в основном говорит, если элемент пуст, помещенный в изображение. Если это не пусто, проверьте, не то, что я собираюсь вставить, отличается от того, что там. Если да, сделайте что-нибудь.

function sync_vitrasa(id){ 
    $.ajax({ 
    url: "/vitrasa_state/", 
    type:"GET", 
    data: { 
     id: id, 
    },success: function(data) { 
     id="#zv"+id; 
     if($(id).html(length) == 0){ 
      $(id).html(data) 
     { 
     else { 
      if($(id).html != data) { 
       $(id).html(data); 
       //ion.sound.play("water_droplet_2"); 
       alert("sound"); 
      } 
     } 
    } 
});