Call расслоение плотной код на кнопку мыши

Question

Здесь у меня есть код, и когда я нажимаю на кнопку, я должен добавить Div ID новой для Div ID дно, но я не знаю, где я неправильно:

contentStr += '<button class="dodaj">Add to timeline</button></div>'; 

$(".dodaj").click(function() { 
    $('#bottom').append($('<div id="new">'+place.name+'</div>').css('marginLeft',100)); 
}); 

$(contentStr).dialog({ modal:true }); 

SO первый я называю contentStr в модальном окне jquery UI и в этом модальном окне я должен позвонить кнопке с классом .dodaj и в нижнем дне для добавления div ID new

Итак, что здесь не так?

Answer 1

Использование .on()

Как ваш button добавляется динамически, так что не доступен напрямую, поэтому вы должны использовать Event delegation.

$(document).on("click", ".dodaj", function() { 
    $('#bottom').append($('<div id="new">' + place.name + '</div>').css('marginLeft', 100)); 
}); 

Answer 2

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

$(document).on('click', '.dodaj', function() { 
    $('#bottom').append($('<div id="new">' + place.name + '</div>').css('marginLeft', 100)); 
}); 

Answer 3

$('<div id="new">'+place.name+'</div>') должно быть проблемой.

, если у вас действительно есть на вашей странице в <div id="new">, вы должны получить его с $("#new")

Я думаю, что вы хотите, чтобы удалить от $() и установить свойство полого инлайн:

append('<div id="new" style="margin-left:100;">content</div>')