1

テーマ ローラーをサポートする 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();
            }
        }
    ]
});

ボタンが描画され、イベントをアタッチできますが、何かが足りないようです (たとえば、マウスをボタンの上に移動しても、これらのボタンはアニメーションしません)。どうすればこれを修正できますか? それを行うより良い方法はありますか？前もって感謝します。

4

1 に答える 1

0

複数の同一の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();
于 2013-03-05T11:34:51.243 に答える