Гружу данные методом get и "вставляю" их через $.each
$.each(data.dialogs, function(){
var html = '';
html += '<li data-id="'+ this.id +'" class="im_dialogs">';
html += '<a href="#'+ this.id +'">';
html += ' <div class="dialogsEachImg"><img src="/uploads/users/'+ this.avatar +'" alt=""></div>';
html += '<div class="dialogsEachLogin">'+ this.login +'</div>';
html += '<div class="dialogsEachMessage">'+ this.message +'</div>';
html += '</a>';
html += '</li>';
$('.dialogsEach').append(html);
});
.dialogsEach - это
Затем, мне нужно отследить клики по этим элементам(их может быть куча), считать data-id и передать серверу.
Проблема заключается в считывание айди, просто никак не могу..
Как я понимаю, проблема заключается в том, что из-за того, что я юзаю append - считывать нужно по другому(скорее всего).
Пытался найти решение в гугле, но голяк..
Выручайте.
UPD
$('.dialogsEach').click(function() {
var that = $(this);
var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
$.ajax({
method: 'post',
url: '/openActiveDialog',
dataType: 'json',
data: {
dialogId: that.data('id'),
_token: CSRF_TOKEN
},
success: function(data) {
console.log(data);
}
})
});