Выделите строку в таблице, которая динамически заполняется данными resynest assync.

Question

Мне нужно обновить таблицу строками, которые имеют данные, полученные с помощью assync-запросов (формат JSON). Я делаю эту задачу очень хорошо (для динамического создания строк с полученными данными). Теперь я пытаюсь установить некоторые события в этих строках, например выделить их при прохождении пользователем мыши и показать конкретную информацию о строке в другом div, когда пользователь нажимает на нее.

Я пробовал много способов сделать это, но ничего не происходит. События просто не работают вообще. Я использую Spring Framework mvc, а уровень представления основан на шаблонах Tiles (header.jspx, menu.jspx, footer.jspx и т. Д.).

Я должен поставить код jquery на другое место? Кто-то может помочь решить эту проблему, пожалуйста?

Answer 1

Невозможно дать точный ответ, не видя кода, но я предполагаю, что вы привязываете события к элементам до их создания. Это распространенная ошибка среди программистов JavaScript.

Вы должны связать свои слушатель событий (например: .addEventListener() или JQuery в .click()) после создаются элементы. В своем JavaScript-коде добавьте их после создания элементов HTML из данных async.

Answer 2

Большое спасибо @thameera. Это было именно то, что я сделал. Он работал очень хорошо. Я также нашел другой способ сделать это. Я использовал метод .delegate JQuery, чтобы назначить действие для несуществующего элемента, так как код ниже:

---

$(document).ready(function() { 
    $("#table tbody").delegate("tr", "click", function() { 
    alert("Click!"); 
    }); 
});