在动态生成的HTML表中弹出消息

Question

我正在asp.net c＃中创建一个网页。在这里，我将从后面的代码创建一个动态HTML表。现在，当我将鼠标移动到该动态生成的HTML表的最后一列时，我想要一个弹出消息块。此弹出框应显示移动鼠标的单元格的测试。

Answer 1

您可以将鼠标绑定到最后一个td的事件上，然后使用jqueryui显示一个对话框。请使用以下代码根据您的页面dom更新其选择器，并详细说明测试单元格的含义是什么？

$(document).ready(function () {
   $('#tableid td:last-child).mouseover(function (event) {
    var cellDialog = $('<div id="cellDialog">Display text will come here, you can grab the value of an cell in that particular row by navigating using the parent method or what ever your requirement is.</div>');
    cellDialog.css('display', 'none');
    $('body').append(cellDialog);
    $(cellDialog).dialog({
      autoOpen: true,
      draggable: false,
      resizable: false,
      modal: true,
      stack: true,
      position: 'center',
      closeOnEscape: true
    });
   });
});