將默認頁面樣式應用於從ajax調用返回的html

Question

如何將在視圖中引用的默認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時，沒有樣式或功能。 我嘗試將腳本和css聲明包含在屬性fnRender的實際HTML代碼中，但這沒有用。

Answer 1

內聯樣式化內容以動態生成內容。 要具有功能，您需要在內容生成后附加事件處理程序。 嘗試使用jQuery on（）。

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