javascript - 单击按钮后，在现有卡旁边自动生成一张 CSS 卡

Question

所以我有一个包含一张卡片的页面，里面有一个名为“添加”的按钮。当我单击“添加”按钮时，会出现一个模式，要求您​​输入新卡的名称，之后该模式包含一个关闭和保存按钮，单击“保存”后，应在旧卡旁边生成一张新卡。

因此，旧卡是必须单击才能在其旁边添加新卡的旧卡。

有谁知道我怎样才能做到这一切？

我知道如何创建卡片和模式，但我不知道如何自动生成新卡片。

Answer 1

我们可以使用一些代码示例来了解其工作原理，但使用 jQuery 应该很简单。

您可以看一下这个，看看是否有帮助:https://codepen.io/nickunjchopra/pen/zYZOGop

jQuery(document).ready(function() {
  jQuery('.new-card').click(function() {
    jQuery('body').append(card);
  });
});

.new-card 是用于创建新卡片的按钮；我在 JS 中定义了 var div 作为新卡的标记。