jQuery를이 코드를 사용하여 AJAX

Question

후 작동하지 :

$("table > :not(thead) > tr.Selected").removeClass('Selected') 

선택한 클래스가 그 클래스를 제거 모든 테이블 행을 찾으려면.

또한,이 코드 사용 : 선택한 클래스가 행을 ID를 찾기 위해 노력하고있다

var ReqID = $("table > :not(thead) > tr.Selected").attr('id') 

합니다.

이 코드는 AJAX를 사용하여 테이블을 다시로드하고 작업이 모두 중단되고 해당 줄이 작동하지 않을 때까지 완벽하게 작동합니다.

아이디어가 있으십니까?

Thankss!

EDIT

많은 코드 :

: 여기

function EditRequest() 
{var ReqID = $("table > :not(thead) > tr.Selected").attr('id') 
alert(ReqID); 
$.post("a/outputresults2.php", {editdynamic: ReqID} ,  function(data){ 
$('#resultstable').html(data); 
}); 

} 

function Selected(x) 
{ 
$("table > :not(thead) > tr.Selected").removeClass('Selected') 
$('#'+x).toggleClass('Selected'); 
} 

원본과는 AJAX'ed 된 경우 업데이트 된 테이블을 출력 PHP이다

여기

는 AJAX 호인

if($RequestID == $ID){ 
       $requestrows.=" 
    <tr id=\"$RequestID\" onClick=\"Selected($RequestID)\" class=\"Selected\" > 
     <td><input type=\"text\" id=\"MCode\" value=\"$ModCode\"></td> 
     <td><input type=\"text\" id=\"RName\" value=\"$RoomName\"></td> 
    ..etc etc etc 

    </tr>"; 
    } 
    } 
    if($RequestID != $ID){ 
$requestrows .= 
"  <tr id= \"$RequestID\" onClick=\"Selected($RequestID)\" > 
     <td>$ModCode</td> 
     <td>$RoomName</td> 
     ... etc etc etc 

    </tr>"; 
    } 
} 



echo($requestrows); 

테이블이 동적으로 변경되는 것은 resultstable

감사

Answer 1

당신은 아마 제대로 새로로드 된 개체를 결합하는 라이브 클릭 이벤트와 사용자 이벤트를 호출 할 필요가

:

$('#my_trigger').live('click', function() { 
    .. some code 
}) 

당신이 사용하는 정확한 방법에 당신이 더 많은 정보를 가지고 도움이 될 것이다 이.

내가이 jQuery를 침해하기 때문에 innerHTML 재산이 될 수 있다는 의심 jquery live docs

Answer 2

를 보라. "ajax"응답은 테이블을 대체하려고 할 때 기존 DOM 구조를 근본적으로 파괴합니다.

이것이 이유인지 확인하려면 javascript console을 참조해야합니다. 선택한 요소가 실제로 있는지 확인하려면 console.log()을 사용해보십시오. 당신은 클릭 한 행을 확인하도록하려는 경우

Answer 3

, 당신은이 작업을 수행 할 수 있습니다

$('#resultstable').on('click', 'tbody tr', function() { 
    $('#resultstable tr.Selected').removeClass('Selected'); 
    $(this).addClass('Selected'); 
}); 

당신은 더 이상 그 onClick 이벤트를 렌더링 할 필요가 당신은 function Selected(x)

편집 제거 할 수 : 하나의 행을 편집 모드로 만들기 위해 전체 테이블을 렌더링하고 있습니까? 그것은 매우 효율적 아니지만, 당신이 그 일을하는 경우, 다음 JQuery와 스크립트는이 단순화 될 수있다 : 당신이보기 outputresults2.php를 다시로드에 JS를 복사하여이 문제를 해결할 수

$('#resultstable').on('click', 'tbody tr', function() { 
    $.post('a/outputresults2.php', {editdynamic: this.id}, function(data) { 
     $('#resultstable').html(data); 
    }); 
}); 

Answer 4

.그런 식으로 $(function(){})가 다시 트리거됩니다.