Javascript jQueryUI对话框

Javascript jQueryUI对话框,javascript,jquery,Javascript,Jquery,我是jQuery新手,现在我想使用jQueryUI对话框向用户显示一条漂亮的长文本消息。问题是,我希望Html表中的每一行都有一个“更多详细信息”链接,该链接将导致jQuery对话框窗口打开,其中包含来自该特定行的文本。 我应该向jQuery UI对话框示例附带的代码中添加什么 // Dialog $('#dialog').dialog({ autoOpen: false,

我是jQuery新手,现在我想使用jQueryUI对话框向用户显示一条漂亮的长文本消息。问题是,我希望Html表中的每一行都有一个“更多详细信息”链接,该链接将导致jQuery对话框窗口打开,其中包含来自该特定行的文本。 我应该向jQuery UI对话框示例附带的代码中添加什么

            // Dialog           
            $('#dialog').dialog({
                autoOpen: false,
                width: 600,
                buttons: {
                    "Ok": function() { 
                        $(this).dialog("close"); 
                    }, 
                    "Cancel": function() { 
                        $(this).dialog("close"); 
                    } 
                }
            });

谢谢。

您需要将事件处理程序绑定到每一行(或者更好地使用表中的“.delegate()”),可能是为了“单击”:

在该处理程序中,您需要从行中提取内容,并在对话框中填充内容以反映表行内容

编辑-如果只想在特定列中单击以打开对话框,则只需将调用中的选择器更改为“.delegate()”。例如,您可以为可单击的
单元格类指定“info”,以便执行以下操作:

 $('#yourTable').delegate("td.info", "click", function() {
   var $cell = $(this), $row = $cell.closest('td');
   // setup code ...
   $('#dialog').dialog('open');
 });

另一种选择是使用小型jTruncate插件


听起来不错。我将如何使deligate仅在单击表中的第5列时工作?这与显示对话框有什么关系?编辑哦,我明白了-你是说它可以用来缩短“长文本的好消息”
 $('#yourTable').delegate("td.info", "click", function() {
   var $cell = $(this), $row = $cell.closest('td');
   // setup code ...
   $('#dialog').dialog('open');
 });