0

RAZOR MVCアプリケーションの別のjsファイルでJQueryを使用して、APPENDメソッドを使用して最初からhtmlテーブルを動的に構築しています。これは正常に機能しますが、ADDCLASSを使用すると、ページを更新するまでcssが適用されていないように見えます。時々まったくない!このコードは、30日のヘッダーセルと、その下に1つのセルが全体にまたがる別の行を持つ単純なテーブルです。cssも含めました。

$(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');
});

css

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

.DateHeader
{
    background-color:Green;

}

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

1 に答える 1

1

テーブルのHTMLを直接生成しているので、class="className"コードで要素クラスを設定するのではなく、値をHTML文字列に直接配置することをお勧めします:http://jsfiddle.net/tNVGJ/

jQueryを使用してクラスを設定することを主張する場合は、これを試して、結果を教えていただけますか?http://jsfiddle.net/tNVGJ/1/

 setTimeout(function () {
          $('#Master').addClass('CalendarTable');
          $('#MasterDatesRow').addClass('DateHeader');
          $('#HeaderCell').addClass('Header');
 }, 1000);
于 2012-05-22T13:33:34.640 に答える