Как обратиться к элементу при подгрузки контента?

Question

[vopross]

При прокрутки происходит автоматическая подгрузка контента js скриптом.

В LoadDiv происходит подгрузка данных.

<div id="conteiner">

       <!--пхп цикл--!>
       <?php echo $post; ?>
        <div class="like" id="<?php echo $id;  ?>" onclick="like()"></div>

      

        <div id="LoadDiv"></div>

</div>

Js

window.onload = function like(){
    $(".like").click(function() {
        var id = $(this).attr("id");
	    var request = $.ajax({
            url: "like.php",
            type: "POST",
            data: {id : id},
           dataType: "html"
        });
		$('#l'+id).text(Number($('#l'+id).text()) + 1);
		
		
    });
}

Проблема в том что не могу обратится к подгружаемым данным. В чем может быть проблема.

Answer 1

[iBird Rose]

обращайся через:

$(document).on("click", ".к чему обращаешься", function() { ... });

Comments

[vopross]

Не получается я обращаюсь так
$(document).on('click', '.like', function () {
alert('Тест');
});
но ничего не происходит

[iBird Rose]

vopross: а ты вытащи из функции window.onload = function like(){

[vopross]

iBird Rose: о спасибо заработало, только теперь появилась другая проблема событие срабатывает по несколько раз

[iBird Rose]

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

Answer 2

[tevox]

Для того, чтобы можно было дальше работать с подгруженными через AJAX данными, нужно в ".ajax" в параметрах указать "async: false" и последующую работу с данными перевести в параметр "success: function(data){ ... console.log(data) ...}".

$.ajax({
    async: false,
    success: function(data){
        console.log(data);
    },
    error: function(){
        console.log("Упс...");
    }
});

Но я бы сделал так:

// Зададим переменную со стандартным значением "false", чтобы потом положить в нее данные
var my_data = false;

// Отправляем запрос
$.ajax({
    async: false,
    success: function(data){
        console.log(data);
        // Помещаем данные в переменную
        my_data = data;
    },
    error: function(){
        console.log("Упс...");
    }
});

// Если значение переменной не равно стандартному, выводим результат в консоль
if(my_data != false){
    console.log("Урашечки-ура!");
    console.log(my_data);
}