. Нагрузка в jQuery не запускается

Question

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

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

$(document).on("load",".item",function(event) { 
    $(this).html($(this).html() + "OK"); 
}); 

прежде, чем это было :

$(".item").each(function(event) { 
    $(this).html($(this).html() + "OK"); 
}); 

, и все было в порядке.

Спасибо за помощь!

Answer 1

Я считаю, что вам нужны наблюдатели мутации здесь, вы будете нуждаться в комбо коде ниже:

Это один для на нагрузке

$(document).ready(function(event) { 
    $(".item").each(function(event) { 
    $(this).html($(this).html() + "OK"); 
    }); 
}); 

и этот один будет ловить все изменения на йоте на «.item»

var target = $(".item"); 
// Create an observer instance 
var observer = new MutationObserver(function(mutations) { 
    mutations.forEach(function(mutation) { 
    var newNodes = mutation.addedNodes; // DOM NodeList 
if(newNodes !== null) { // If there are new nodes added 

    //alert('some thing has been changed'); 
     $(".item").each(function(event) { 
      $(this).html($(this).html() + "OK"); 
     }); 

     } 
    });  
}); 

// Configuration of the observer: 
var config = { 
attributes: true, 
childList: true, 
characterData: true 
}; 

// Pass in the target node, as well as the observer options 
observer.observe(target, config); 
// Later, you can stop observing 
//observer.disconnect(); 

Answer 2

с JQuery это так просто, как $(function(){ your code here }) создавать функции, которые будут выполняться после загрузки страницы. Это следует сделать это:

$(function(){ 
    $(".item").each(function(event) { 
    $(this).html($(this).html() + "OK"); 
    }); 
}); 

Вы могли бы также упростить JQuery НЕМНОГО следующим образом:

$(function(){ 
    $(".item").append('OK'); 
}); 

См http://jsfiddle.net/jh1bvux2/