Question

我在一个RAZOR MVC 应用程序中的单独js文件中使用 JQuery, 使用 APPEND 方法从零开始动态地构建一个 html 表格。但是, 当我使用 ADDCLASS 时, 这很好, 在我刷新页面之后似乎没有应用任何 cs 。有时完全没有! 此代码是一个简单的表格, 头单元格为30天, 下面的另一行则有一个单元格横跨所有。我也包括我的 Cs 。

$(document).ready(function () {
    var startDate = $.telerik.formatString( {0:d} , $("#Start").data("tDatePicker").value());
    var forCalendarStartDate = new Date(startDate);

    $( #CalendarWrapper ).append( <table id="Master"></table> );
    $( #Master ).append( <tr id="MasterDatesRow"></tr> );
    for (var i = 0; i < 31; i++) {
        var headerDate = new Date();
        var d = new Date(headerDate.setDate(forCalendarStartDate.getDate() + i));
        var s = $.datepicker.formatDate( mm-dd , d);

        $( #MasterDatesRow ).append( <th>  + s +  </th> );
    }
    $( #Master ).append( <tr id="Header1"></tr> );
    $( #HeaderUSARAF ).append( <td colspan="31" id="HeaderCell">USARAF</td> );

    //Class
    $( #Master ).addClass( CalendarTable );
    $( #MasterDatesRow ).addClass( DateHeader );
    $( #HeaderCell ).addClass( Header );
});

<强 > cs

.CalendarTable
{
    border:1;
    width:100%;
     font-size:small;
}

.DateHeader
{
    background-color:Green;

}

.Header
{ 
    background-color:#DBACBC;
    text-align:center;
}

Answer 1

由于您直接为表格生成 HTML, 我建议您直接将 class=" className" 值插入 HTML 字符串中, 而不是设置代码元素类 : http://jsfidle. net/tNVGJ/" rel="nofollow" > http://jsfiddle. net/tNVGJ/

如果你坚持要与 jQuery 设置课程, 请尝试一下, 请让我知道结果如何? < a href="http://jsfidle. net/ tNVGJ/1/" rel=“ no follow” >http://jsfidle. net/ tNVGJ/1/

 setTimeout(function () {
          $( #Master ).addClass( CalendarTable );
          $( #MasterDatesRow ).addClass( DateHeader );
          $( #HeaderCell ).addClass( Header );
 }, 1000);

友情链接