我正在使用 PHP（使用 codeigniter 框架）生成一个 HTML 表，并且我正在尝试添加一个链接，该链接将打开一个 jquery 对话框，其中包含特定于该行的一些信息。类似于“更多信息”类型的链接，只是打开对话框。
当我将对话框 div 添加到该行并将所需信息封装在其中时，它会破坏表格（表格中不能有 div）。
另外，我似乎需要添加未知数量的 jquery 对话框函数声明......我假设需要某种函数以及打开对话框的元素的 ID 以及用于对话框将被传递给函数。但是，对于这样的事情，似乎应该在 jQuery 中内置一些东西。
我是否遗漏了什么，如果有，是否有人有任何提示可以让我指出正确的方向？
【问题讨论】：
标签： php jquery codeigniter
将信息作为元数据嵌入到行中，例如...
<tr data-foo="additional data here" data-bar="even more data">…</tr>
在你的 javascript 中，一个叫做 .live() 的小魔法：
$('#your_table .show_dialog').live('click', function(){
var data_for_dialog = {
foo: $(this).closest('tr').attr('data-foo'),
bar: $(this).closest('tr').attr('data-bar')
}
show_dialog(data); // your own code to show the dialog
});
您有一个带有“show_dialog”类的<a> 标记。请注意，如果您有很多属性或其中任何一个包含需要包含换行符的数据，这不是很有效。您可以通过在 <tr> 上定义的 iterating over each attribute 并自动包含以 data- 开头的属性来改进这一点。不过，这超出了这个问题的范围。
就显示对话框而言，这样的内容就足够了：
function show_dialog(data) {
var $dialog = $('#dialog');
for(var attr in data) {
$dialog.find("." + attr).html(data[attr]);
}
$dialog.show();
}
<div id="dialog">
<p class="data-foo"></p>
<p class="data-bar"></p>
</div>
这是未经测试的，但应该足以说明正在发生的事情。
注意：您可以在 HTML5 中定义自定义属性，只要它们以“data-”为前缀，因此会在上面的任何地方显示。
【讨论】：
我同意 Tomalak 的评论，即使用一个盒子并更改其中的内容。
如果您想做我认为您正在尝试做的事情（没有看到您的代码），似乎您可能会将对话框 div 放在 <table> 标签而不是 <td> 标签中，这将是第一件事检查。
其次要打开对话框，您只需引用链接旁边的 div：
<table>
<tr>
<td>
<span class="MoreInfo">More info</span>
<div>stuff for dialog</div>
</td>
</tr>
</table>
$(document).ready(function(){
$('.MoreInfo').next().dialog({ autoOpen: false })
$('.MoreInfo').click(function(){
$(this).next().dialog('open');
});
});
编辑：抱歉搞砸了 Jquery 我假设您使用的是 JqueryUI Dialog
【讨论】：