0

Здравствуйте,я по нажатию кнопки создаю новые div,внутри которых кнопка. Подскажите,пожалуйста как мне ее обрабатывать?

$("#btn2").click(function () {

        var dynDiv = $('<div>')
            .attr('id', 'div_' + dname_id++)
            .css({
            'width': '50px',
                'height': '20px'
        })
            .addClass('resize')
            .html("<button id='dbtn' >click</button>");

        $('#dbtn').click(function () {alert("ghj")})


        $('#container').append(dynDiv);
        //-------------------------------------------------------//

        dynDiv.click(function () {

            $('.selected').removeClass('selected');
            $(this).addClass('selected');


        });

    });

Пробовал,но безуспешно.Заранее спасибо!

2 ответа 2

1

Динамически добавляемые элементы могут быть подписаны на события с помощью функции jQuery .on '$(selector).on('eventname', function(e){ ... '

var dname_id = 1;

$("#btn2").click(function () {

var dynDiv = $('<div>').attr('id', 'div_' + dname_id++)
    .css({
    'width': '50px',
        'height': '20px'
}).addClass('resize').html("<button id='dbtn' >click</button>");


$('body').append(dynDiv); //1. append html fragment to DOM

// 2. add event listener     
$('#dbtn').on('click', function () {
    alert("ghj");
});

dynDiv.click(function () {
    $('.selected').removeClass('selected');
    $(this).addClass('selected');
 });
});

рабочий пример: http://jsfiddle.net/93m1fLzr/1/

1
  • А если, например,объекты ,это подгруженные ajax изображения на страницу как их обрабатывать? Клик понятно,также,а если мне нужно например такое $("img").resizable();Это на ajax изображения не работает
    – zkolya
    9 мая 2015 в 21:38
-1

Надо примерно так:

$('body').on('click', '#dbtn', function(){
alert('good');
})

но если кнопок много то тебе нужно клас юзать вместо id

2
  • Спасибо,очень помогли!
    – zkolya
    8 мая 2015 в 21:59
  • Не за что, всегда рад )
    – Maks Devda
    8 мая 2015 в 22:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.