jquery - 带有自定义数据调用的 jQuery UI 对话框

Question

我没有太多地使用 jQuery，并且我试图远离使用常规的 javascript，因为我必须支持许多浏览器并且我想学习。我有一个 Spring MVC 编写一个元素表，其中包括一些被填充的属性，如 ${tt.id} 等。我必须构建一个弹出窗口，可以显示所有详细信息以及其他一些未显示在表本身中的详细信息弹出窗口。我已经为弹出窗口制作了框架并分配了 div，有没有一种简单的方法来解决 onclick 的 jquery 调用以显示弹出窗口以获取属性值，例如 ${tt.id} 以避免代码冗余?

$(function() {
    $("#dialog").dialog({
    height:200, and some other size attributes here...
    autoOpen:false
    });
    $(".table a").click(function() {
        $('#dialog').dialog('open');
        });
  });

这就是我现在拥有的代码，因此您可以看到我将它正确地附加到表中的标签上，但我不想制作 20 个这些隐藏的 div（我可以），我想让它更智能。

Answer 1

伙计，如果我理解你的问题，你可以这样解决：

您可以针对每个表格行进行如下攻击：<a class="foo" id="theObjId"></a>. 并且，对 jquery 说，每次点击都会生成一个 ajax 请求，并传递 id 属性。因此，响应将更新弹出 div。