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

Posted 2023-03-28

【中文标题】单击按钮后在现有卡片旁边自动生成一张 CSS 卡片

【英文标题】：auto generate a css card beside an existing one after a button-click

【发布时间】：2021-07-26 11:41:55

【问题描述】：

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

所以旧卡是必须点击才能在其旁边添加新卡的旧卡。

有人知道我是如何做到这一切的吗？

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

【问题讨论】：

听起来你在找document.createElement()

【参考方案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 作为新卡片的标记。