![](/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.