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

Question

如何将我在 View 中引用的默认 css 和 jquery 文件应用到在我的 jquery 数据表 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 on()。

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