Question

如何将我在视图中引用的默认css和jquery文件应用于我的jquery datatables fnRender属性中生成的HTML？

<script type="text/javascript">
$(document).ready(function () {
    $('#users-search-results').dataTable({
        "bServerSide": true,
        "sAjaxSource": "UsersAjaxHandler",
        "bProcessing": true,
        "aoColumns": [
                        { "sName": "NAME" },
                        { "sName": "REQUESTS_REMAINING" },
                        { "sName": "LAST_REQUEST" },
                        { "sName": "EMAIL" },
                        {
                            "sName": "UserId",
                            "bSearchable": false,
                            "bSortable": false,
                            "fnRender": function (oObj) {
                                @*//<script src="~/js/theme.js"></script>*@
                                // oObj.aData[0] returns the userId
                                return "<button class='btn glow'>Drop down</button>"
                        + "<button class='btn glow dropdown-toggle' data-toggle='dropdown'>"
                            + "<span class='caret'></span>"
                        + "</button>"
                        + "<ul class='dropdown-menu'>"
                            + "<li><a href='#'>Option one</a></li>"
                            + "<li><a href='#'>Option two</a></li>"
                            + "<li><a href='#'>Option three</a></li>"
                            + "<li><a href='#'>Option four</a></li>"
                        + "</ul>"
                    + "</div>";

                            }

                        }
        ]
    });
});

当html加载时，它没有样式或功能。我已尝试在fnRender属性的实际HTML代码中包含脚本和css声明，但这不起作用。

Answer 1

为动态生成的内容设置内联样式。要获得功能，您需要在生成内容后附加事件处理程序。尝试在（）上使用jQuery。

http://api.jquery.com/on/

将默认页面样式应用于从ajax调用返回的html

1 个答案: