jquery-ui - jquery数据表内的jquery-ui按钮

Question

我正在使用带有主题滚轮支持的 jquery 数据表，并且我想在每一行的列中放置一个 jquery-ui 按钮。为此，我使用以下代码：

oTable = $('#balances').dataTable({
    "bProcessing": true,
    "bServerSide": true,
    "bJQueryUI": true,
    ...
    "aoColumns": [
        ...
        {
            "mData": null,
            "mRender": function(data, type, row) {
                return $("<div />")
                    .append($("<button id='detail'>Details</button>").button())
                    .html();
            }
        }
    ]
});

绘制了按钮，我可以将事件附加到它们，但似乎我遗漏了一些东西（例如，当您将鼠标移到这些按钮上时，这些按钮没有动画）。我该如何纠正？有更好的方法吗？先感谢您。

Answer 1

因为不建议使用多个相同的 ID，所以我建议改用一个类，并在代码中将 .button() 调用进一步向下移动：

oTable = $('#balances').dataTable({
    "bProcessing": true,
    "bServerSide": true,
    "bJQueryUI": true,
    ...
    "aoColumns": [
        ...
        {
            "mData": null,
            "mRender": function(data, type, row) {
                return $("<div />")
                    .append($("<button class='detail'>Details</button>"))
                    .html();
            }
        }
    ]
});
$("button.detail").button();