2016-04-07 9 views
1

Wie kann ich einen "Add to cart" -Button an einen anderen Ort mit jQuery duplizieren?So klonen Sie eine Schaltfläche "Hinzufügen zum Warenkorb" mit jquery

vielleicht?

Dies ist die Taste I

<form id="buyForm" class="hidden-print" novalidate="novalidate"> 
<input type="number" class="quantity" value="1" required="" min="1"> 
<button type="submit" data-buy-button="" data-addurl="/shoppingcart/add/5010753401" data-dependent-accessory="" data-addresponse="Dropdown" class="btn btn-success ladda-button btn-buy buy btn-lg big" data-style="zoom-out" data-add-to-cart-ticket="L3Byb2R1Y3QtcGFnZS9wcm9kdWN0LWluZm9ybWF0aW9uOyM7cHJvZHVjdF9rZXk7NTAxMDc1MzQwMTE7Izs"> 
<span class="ladda-label">Add to cart</span></button> 
</form>  

Dies ist der Code, den ich erstellt habe, um zu duplizieren oder "klonen" auf die Schaltfläche

$("body").prepend("<div class='stickyDiv'></div>"); 
$(".stickyDiv").css({"z-index": "99", "position": "fixed", "bottom": "0", "height": "100px", "width":"100%","margin":"0", "background":"#0278c1", "opacity":"0.5"}); 
$("#buyForm").clone().appendTo(".stickyDiv"); 

Antwort

1

diese klonen möchten sehen :

var button = $("#buyForm button").clone(); 
$(".stickyDiv").append(button); 

oder:

$("body").prepend("<div class='stickyDiv'>"+button[0].outerHTML+"<div>");