때로는 페이지를 새로 고침하고 가끔 카트에서 삭제

Question

나는 장바구니에 올랐습니다. 항목을 장바구니에 추가 할 수 있도록 모든 설정을 완료했습니다 (여러 항목을 처리 할 수 ​​있음). 나는 카트에서 항목의 삭제를 처리하기 위해이 코드를 사용하고 있습니다 :

$('.delete-button').click(function(ev) { 
      ev.stopPropagation(); 
      ev.preventDefault(); 
      idValue = $(this).parent().siblings(".name").attr('id'); 
      $.post("includes/delete-cart.php",{id:idValue}, 
      function(data){ 
       // Do something with returned data. 
      }, "json"); 
      $("#wrap-change-cart").load('includes/cart-sidebar.php',function(){ 
       $('#loading').hide(); 
      }); // Load change in cart. 
     }); 

h 제-cart.php 파일은 데이터베이스 (simpled MySQL의 쿼리)에서 항목을 삭제합니다. 문제는 삭제 버튼을 누르면 (태그), 때로는 삭제되지만 때로는 페이지를 새로 고칩니다 (태그 자체가 연결된 것처럼). 처음 두 줄의 코드에서 중지되어야한다고 생각합니다. 제안?

P. 나쁜 제목에 대한 사과는

Answer 1

추가 연구에서 발견 한 내용은 요소가 라이브 (jQuery 등을 통해)로 생성되므로 클릭 이벤트가 추가되지 않아서 .on()을 사용하여 전환했습니다. 코드 :

$('#wrap-change-cart').on('click', 'a.delete-button', function (ev) { 

이제는 가끔씩 나오지는 않지만 페이지 새로 고침이 발생하지 않습니다. 그래도 전에보다 더

Answer 2

이 같은 입력 태그와 같은 버튼 설정이있는 경우 :

<input type="submit" onclick="return deleteCart()" name="delete" value="delete" /> 

만큼 :

<input type="submit" name="delete" value="delete" /> 

당신은 온 클릭이 아닌 jQuery를 클릭 이벤트 처리기를 추가 할 수 있습니다 deleteCart() 함수가 true를 반환하는지 확인하면 페이지가 다시로드되지 않아야합니다.

희망이 도움이됩니다.