2009-04-22 7 views
1

JQuery에 완전히 익숙해 져서 매일 배우고 있습니다. 내가 눈치JQuery 재사용 가능 기능

한 점은, 당신은 단지 그러나 나는 몇 가지 코드를 재사용, 예를 들면 :

function RemoveTableRow(row, id) 
{ 
    $(row).remove(); 
    // id should be used for ajax call 
} 

그리고하는 방법에 대한 예를 찾고 있어요

$('div#test).remove(); 

을 작성할 수 있습니다 얼마나 쉽게 내 앵커 태그에 'onclick'을 추가하십시오.

onclick="RemoveTableRow('user-row-1', 32);" 

하지만 어떻게 든 document.ready에 추가하더라도 작동하지 않습니다. 기능. 누군가가 나를 위해 그것을 잘라낼 수있는, 이것을위한 최고의 연습 방법?

미리 감사드립니다. 이 포럼은 살인자입니다!

업데이트

나는 여기에있어 도움의 코드를 업데이트했습니다. 이것은 현재 코드이며, 이것이 최선의 방법인지 알고 싶습니다.

function RemoveTableRow(row, id) { 
      $.ajax({ 
      type: "POST", 
      url: "Default.aspx/DeleteEmployee", 
      data: "{'ID':'" + id + "'}", 
      beforeSend: function() { 
        $("#" + row).animate({'backgroundColor':'#fb6c6c'},300); 
      }, 
      success: function() { 
       $("#" + row).slideUp(300,function() { 
        $("#" + row).remove(); 
       }); 
      } 
     }); 
    } 
+0

JavaScript 오류가 발생하고 있습니까? – harto

+0

편집 코드가 잘 보이고 최선의 방법처럼 보입니다. 나는 그것을 바꾸지 않을 것이다. –

답변

1

은 테이블 행의 ID입니까? 그래, 당신이 당신의 선택

function RemoveTableRow(row, id) { 
    $('#'+row).remove(); 
    // id should be used for ajax call 
} 

또는 기능을 변경하지 않고에서 # 누락보다는 전체 선택 당신이에 온 클릭을 바인딩 할 할

onclick="RemoveTableRow('#user-row-1', 32);" 
+0

물론! 이 작품! 이것이 최선의 방법인가요? 아니면 다른 것을 권하고 싶니? –

+0

나쁜 방법은 아니지만 더 많은 jQuery 기능을 사용할 수 있습니다. 예를 들어 (

+0

좋습니다. 그러나 클릭과 함께 매개 변수를 전달해야합니까? –

0

로 전화하면? ID가 myid 인 DOM 요소라고 가정하면

("#myid").click(function() {RemoveTableRow('user-row-1', 32);}); 
+0

나는 출력이 동적 코드에서 각각의 끝에 삭제 버튼과 일부 테이블 행을 가지고, 그래서 나는 하드 코딩 된 ID를 클릭하십시오. –