Question

我有一个asp.net页面使用数据表jquery控件来显示数据....控件只在我强制刷新后应用样式...这可能是愚蠢的但是目前我无法想办法。这种情况发生在ie和firefox中...我在firebug中检查了代码并且找不到任何遗漏的内容.... 这就是我在做的......

     $(document).ready(function () {
        $('.datepicker').datepicker({
            changeMonth: true, changeYear: true,
            showOn: "both"

        });

        //buttons
        $("button, input:submit").button();

        $('#srchGrid').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
            "aoColumns":
            [   // select columns that should not be sorted or searchable
            //{ "bSortable": false, "bSearchable": false },  
               { "bSortable":true},
                {"bSortable":true}, // strip HTML tags before sorting this column
               { "bSortable":true},
                {"bSortable":true},
                {"bSortable":true},
                {"bSortable":true},
                {"bSortable":true},
                { "bSortable": false}
           ]
        });

    });

显然这些风格在回发中丢失了....

Answer 1

得到它....问题是页面部分通过部分回发呈现，仅更新数据表....因此，初始javascript永远不会再次解析，因为整个页面不加载样式迷路....

绕过这个....做以下事情....

    $(function () {
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
        function EndRequestHandler(sender, args) {

            $('.datepicker').datepicker({
                changeMonth: true, changeYear: true,
                showOn: "both"




            });

            // $('#grdSearchResults').single_double_click(SelectRow, DoubleClickRow);
            $('#srchGrid tbody tr').dblclick(function () {

            });

            //buttons
            $("button, input:submit").button();

            $('#srchGrid').dataTable({
                "bJQueryUI": true,
                "sPaginationType": "full_numbers",
                "aoColumns":
            [   // select columns that should not be sorted or searchable
                //{ "bSortable": false, "bSearchable": false },  
               {"bSortable": true },
                { "bSortable": true }, // strip HTML tags before sorting this column
               {"bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": false }
           ]


            });

        }
    });

Answer 2

您是否在Document ready语句中设置样式？

有些事情是这样的：

$(function(){

    //set your style where like:
    $("#obj").css("color","#00FF00");

});

Answer 3

当你使用.net时，你的clientID由于某些原因无法在第一时间呈现，请尝试以不同的方式声明你的选择器，注意你的srchGrid对象的渲染客户端ID：

$("#" + <%=srchGrid.ClientID %>).dataTable({ ...

jquery控制丢失样式

3 个答案: