Question

这里我有一个代码，当我点击按钮时，我必须将div ID new添加到div ID bottom但我不知道我错在哪里：

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 });

首先我在模态窗口jquery UI中调用contentStr，在这个模态窗口中我必须使用类.dodaj调用按钮并进入ID底部以添加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")

我认为你想要的是删除de $（）并设置内联边距属性：

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

单击按钮调用js代码

3 个答案: