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