![](/img/trans.png)
[英]How to create button in javascript to preform flip of card on click
[英]How to create a card in HTML from a button with javascript?
所以,我有一个包含以下代码的 HTML 文档,我正在尝试使用按钮创建其他类似的卡片:
<div id="card" class="card">
<div class="card-body">
<h2 class="card-title">Mesa 1</h2>
<div class="botao">
<button id="registrarPedido" class="btn btn-primary" data-toggle="modal"
data-target='#formModal'>Registrar Pedido</button>
</div>
</div>
<div>
<div class="modal" id="formModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Registre o pedido</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<input type="NumMesa" placeholder="Numero da mesa">
</div>
<div class="form-group">
<input type="text" placeholder="Pedido">
</div>
<div class="form-group">
<input type="number" placeholder="Quantidade de pessoas na mesa">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
<button type="button" class="btn btn-primary">Registrar pedido</button>
如何创建一个按钮来创建另一张像上面那样的卡片?
你可以使用 clone();
在你的 html 中是这样的
<button type="button" class="j-clone-card">Clone the card</button>
在 jquery 中
$('.j-clone-card').click(function(){
$(this).closest('.card').clone();
})
对于克隆卡,我不知道是否是预期的结果
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.