Как достать содержимое div подгруженное через $.load?

Question

[Михаил]

Здравствуйте, есть кнопка которая по клику подргужает кусок хтмл

{% for readers in readerlist %}
        <div class="reader">

                {{ readers.user.first_name }}
                {{ readers.user.last_name }}
                <div>{{ readers.user.email }}</div>
                {{ readers.time }}

          {% endfor  %}

</div>

сам код который чо то подгружает простейщий

$ ->
     $('#getreader').click () ->
        $('#changereader').html('')
        $('#changereader').load('/ajax/getreaderlist')

так вот, сожержимое мы получили, получилось
несколько дивов класса reader с содержимым вида

Вася пупкин [e-mail] 13 sec


вот как по клику на одну из записей именно она улетала на сервер???

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

$('#changereader').on 'click','div',() ->
        data = $(this)
        console.log('reader', data)

вот так он возвражает все что вложено в changereader то есть все дивы с классом реидера
помогите

Answer 1

[Максим Барулин]

потому что на подгруженных элементах это событие не работает

правильно, его туда нужно назначить.
$('#changereader').load('/ajax/getreaderlist')
нужно заменить на примерно:

$.get('/ajax/getreaderlist', {}, function(data){
    $('#changereader').empty(); 
    $(data).find(need_element).click(you_function); 
    $('#changereader').html(data);
});

Comments

[Михаил]

(function() {
$(function() {
return $('#getreader').click(function() {
$('#changereader').html('');
return $.get('/ajax/getreaderlist', {}, function(data) {
var x;
$('#changereader').html(data);
\\выводим список
x = $(data).find('.reader');
\\находим все элементы с классом ридер
return $(x).click(function() {
return console.log('сделай мне что нибудь блять');
вешаем клик который должен при нажатии выдапть в коносль сообщение но он ничего не вывыодит
});
});
});
});

[Максим Барулин]

$(function() {
$('#getreader').click(function() {
$('#changereader').html('');
$.get('/ajax/getreaderlist', {}, function(data) {
$(data).find('.reader').click(function() {
return console.log(this);
});
$('#changereader').html(data);
});
});
});

[Максим Барулин]

Ну и начните пользоваться уже дебагером в конце-концов. Можно написать много сферического кода в вакууме...