jquery выпуск. после перезагрузки

Question

<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
$('#data').load('data.php'); 
}, 10000); 

$(".banit").click(function() { 
var namer= $(this).val(); 
alert(namer); 

}); 

</script> 

Данные из data.php загружаются в div с идентификационными данными каждые 10 секунд. эти данные имеют кнопки (петли и эхо в php) с классом banit. и кнопка banit имеет значение что-то .. это значение что-то нужно предупредить.

сейчас, как только страница открывается, эта кнопка работает и предупреждает! но как только данные перезагружаются, он перестает работать! , пожалуйста, помогите!

Answer 1

Когда вы вызываете $('#data').load('data.php');, вы уничтожаете все дочерние элементы #data, включая кнопку и обработчик кликов.

Вы должны либо пересвязать событие щелчка после загрузки нового контента или использовать live: обработчики

$(".banit").live('click', function() { 
    var namer= $(this).val(); 
    alert(namer); 
}); 

событий связанных с live будут работать для всех текущих и будущих элементов DOM.

Answer 2

Как и piquadrat, вы должны каждый раз переустанавливать обработчик, но я бы предпочел использовать метод «делегата», например, paul irish: http://www.slideshare.net/paul.irish/perfcompression (слайд 34-38).