【问题标题】:auto generate a css card beside an existing one after a button-click单击按钮后在现有卡片旁边自动生成一张 CSS 卡片
【发布时间】:2021-07-26 11:41:55
【问题描述】:
所以我有一个包含卡片的页面,其中有一个名为添加的按钮。当我点击添加按钮时,会出现一个模式,要求您输入新卡的名称,然后在点击保存后,模式包含一个关闭和保存按钮,应该在旧卡旁边生成一张新卡。
所以旧卡是必须点击才能在其旁边添加新卡的旧卡。
有人知道我是如何做到这一切的吗?
我知道如何创建卡片和模式,但我不知道如何自动生成新卡片。
【问题讨论】:
标签:
javascript
auto-generate
card
【解决方案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 作为新卡片的标记。