Jquery не работает после того, как AJAX

Question

Используя этот код:

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

Чтобы найти все строки таблицы, которые имеют класс Selected и удалить этот класс.

Plus, используя этот код:

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

который пытается найти идентификатор от ряда, который имеет класс выбран.

Этот код отлично работает до тех пор, пока таблица не будет перезагружена с помощью AJAX, а затем все перестанет работать, и эта линия не работает.

Любые идеи?

Спасибо!

EDIT

Подробнее Код:

Вот AJAX вызов:

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'); 
} 

Вот PHP, который выводит оригинал и таблица обновляется, когда его было AJAX'ed:

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 live docs

Answer 2

Я подозреваю, что это может быть из-за нарушения Jquery innerHTML свойства. Ваш ответ «ajax» по существу разрушает существующую структуру DOM, когда вы пытаетесь заменить таблицу.

Чтобы проверить, если это причина, вы должны посмотреть на консоль javascript. Попробуйте использовать console.log(), чтобы проверить, действительно ли элементы, которые вы выбираете.

Answer 3

Если вы пытаетесь иметь щелкнул ряд идентифицирована, вы можете сделать это:

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

Вам больше не нужно, чтобы сделать это onClick событие, и вы можете избавиться от function Selected(x)

редактировать : вы показываете всю таблицу только для того, чтобы одна строка находилась в режиме редактирования? это не очень эффективно, но если вы делаете это, то ваш JQuery скрипт может быть упрощен следующим образом:

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

Answer 4

вы можете решить эту проблему путем копирования ваших JS для перезагрузки вида outputresults2.php.Таким образом $(function(){}) снова запущен.