제거 테이블 행, 내가 jQuery로 아주 새로운 오전 합

Question

에서 빼기, 다음 코드는 내가이와 클릭 때 제거한다는 이미지를 테이블이 내 목표

을 달성하는 것으로 2 개 개의 다른 코드의 콜라주 테이블 행은 아래 코드의 첫 번째 부분입니다.

스크립트의 두 번째 부분은 당신이 합도 그에 따라 변경하는 행을 제거 할 때 있도록 만들려고 노력하고 모든 테이블 행

의 합을 찾습니다. 따라서 테이블 행을 제거하면 해당 테이블 행의 총계가 총계에서 뺍니다. 나는 당신이 삭제 행에 따라 변경 합 필요

테이블 행 모든 테이블 행

$(document).ready(function() { 
    //this calculates values automatically 
    calculateSum(); 

    $(".txt").live("keydown keyup", function() { 
     calculateSum(); 
    }); 
}); 
     function calculateSum() { 
      var sum = 0; 
      //iterate through each textboxes and add the values 
      $(".txt").each(function() { 
       //add only if the value is number 
       if (!isNaN(this.value) && this.value.length != 0) { 
        sum += parseFloat(this.value); 

       } 
       else if (this.value.length != 0){ 

       } 
      }); 
      $("#sum").html(sum.toFixed(2)); 
     } 

만약의 합계를 계산 jQuery를의

$(document).ready(function(){ 
     $('table#FeatureMatrix td a.delete').click(function() 
     { 

      { 
       var id = $(this).parent().parent().attr('id'); 
       var data = 'id=' + id ; 
       var parent = $(this).parent().parent(); 




         parent.fadeOut('slow', function() 
              {$(this).remove();}); 
        return false;  
      } 



     }); 

부분을 제거

jQuery를 부분 누군가가 웹상의 예제 페이지를보고 싶습니다.이 코드는 http://webiceberg.net/Prices.php이며, 코드에 대한 자세한 내용이 필요하면 페이지의 소스를 볼 수도 있습니다.

Answer 1

당신은 단순히 당신이 행 삭제하면() calculateSum를 호출해야합니다 (물론 최대 코드 조금 정돈을!)가 $ (이) 후에 수행해야합니다

$('table#FeatureMatrix td a.delete').click(function() { 
    var id = $(this).parent().parent().attr('id'); 
    var data = 'id=' + id ; 
    var parent = $(this).parent().parent(); 

    parent.fadeOut('slow', function() { 
     $(this).remove(); 
     calculateSum(); 
    }); 

    return false;     
}); 

하는 것으로. 콜백 내에서 remove()를 사용하지 않으면 실제로 행을 제거하기 전에 calculate를 호출합니다.

당신이 직접 다음 다시 계산 한 후 사용자 지정 이벤트를 해고하고 수신하고 calculateSum를 호출에 대해 우려하는 경우 :

$('table#FeatureMatrix td a.delete').click(function() { 
    var id = $(this).parent().parent().attr('id'); 
    var data = 'id=' + id ; 
    var parent = $(this).parent().parent(); 

    parent.fadeOut('slow', function() { 
     $(this).remove(); 
     $.event.trigger("rowDeleted"); // fire custom event 
    }); 

    return false;     
}); 

을 그런 다음이 이벤트를 수신 : 다음을 시도

$('#sum').bind('rowDeleted', function() { // listen for custom event 
    calculateSum(); 
}); 

Answer 2

:

이렇게하면 각 t의 합계가 다시 계산됩니다. ime 테이블이 수정되었습니다 (행 추가에도 작동합니다)