клон не копирует событие, несмотря на то, что по умолчанию установлено значение true - PullRequest
0 голосов
/ 01 апреля 2019

Я провел исследование, я не могу найти способ решения этой проблемы, несмотря на то, что мой клон по умолчанию установлен в true, но, похоже, не копирует событие щелчка, связанное с div.

Согласно моему исследованию,чтобы скопировать событие с клоном, установите значение по умолчанию для клона true.клон (правда).Я сделал это, но, похоже, не скопировать событие клика.У меня есть форма отправки на моей html-странице

<form class="removebtn-submit"   method="POST" action="{% url 'cart:remove_item' %}" >
{% csrf_token %}
<input type='hidden' name='product_id' value='{{products.id}}'/>
<button type="submit" class="btn-romove">Remove</button>
</form>  
<!- form bellow becomes visible when jquery ajax called-!>





<div class="item_remove_form" style="display: none">
<form class="removebtn-submit" method="POST" action="{% url 'cart:remove_item' %}" >
{% csrf_token %}
<input class="cart-item-id" type='hidden' name='product_id' value=''/>
<button type="submit" class="btn-romove">Remove</button>
</form>


$(document).ready(function(){
$('.removebtn-submit').submit(function(e){
e.preventDefault();
var thisform=$(this);
var  urldata=thisform.attr('action');
var httpMethod=thisform.attr('method')
var formdata =thisform.serialize()
$.ajax({
url:urldata,
method:httpMethod,
data:formdata,
success:function(data){
UpdateCart(data)

},
error:function(){

}

});

function UpdateCart(data){
var cartTable =$('.carttable');
var cartbody=cartTable.find(".cart-body");
var cartRow=cartbody.find(".cart-product")
var  removebtn=$('.hidebtnremove')

success:function(data)
{
if(data.products.length>0){
$.each(data.products, function(index,value){
cartRow.html("") 
var newremovebtn=hiddenform.clone(true).css('display','block')
newremovebtn.find('.cart-item-id').val(value.id)
cartbody.prepend("<tr> <td > <img src='"+value.image+"'>"+ value.title+ "</td>" +"<td>"+ value.weight+"</td>" +"<td>" +value.quantity+"</td>"+ "<td>"+value.price + newremovebtn.html()+ "</td> ")

               });
            }else{
                $('body').load('body')
            }


              },
             error:function(){},

             });
              }
             });



            });

Моя функция клонирования должна была клонировать вторую форму, что она и сделала.но событие click в форме клона не работает.Предполагалось, что событие click вызывает функцию ajax для обновления страницы

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...