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();

jquery-dat按钮里面的jquery-ui按钮

1 个答案: