如何制作自适应块并添加块？

Question

所以，我有这个HTML代码：

<div class = "form_wrappers">
 <div class = "form">Hello
 </div>
</div>
<a class = "destiny_add">

和jQuery代码：

 function addBlock() {
    $('.destiny_add').on('click', function (e) {
        e.preventDefault();
        $('.form_wrappers').append($('form'))
    });
}

我想在<div class = "form">

中添加大量<div class = "form_wrappers>

我怎么做到的？ 现在它完全不起作用

Answer 1

您的代码存在一些问题。

• 你的jquery在函数'addBlock'里面，它永远不会被调用。
• 您在追加$('form')
时遗漏了点
• 你需要追加元素的html，而不是元素本身。
• 我还在.ready()中包含了您的代码，以确保在jquery尝试运行之前加载了元素。

请参阅以下代码

$(function() {
      $('.destiny_add').on('click', function (e) {
          $('.form_wrappers').append('<div class="form">'+$('.form').html()+'</div>');
      });
})