时间戳

首页 > 解决方案 > 单击按钮后在现有卡片旁边自动生成一张 CSS 卡片

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

问题描述

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

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

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

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

标签： javascriptauto-generatecard

解决方案

我们可以使用一些代码示例来看看它是如何工作的，但是使用 jQuery 应该很简单。

你可以看看这个，看看它是否有帮助：https ://codepen.io/nickunjchopra/pen/zYZOGop

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

.new-card是用于创建新卡片的按钮；我已经在 J​​S 中定义var div为新卡的标记。

推荐阅读