1

ユーザーが行ったドロップダウン選択に基づいて結果を取得し、結果を Div タグ内にレンダリングするために、以下の関数呼び出しを行っています。問題は、これが Firefox と IE9 では正常に機能することですが、IE8 では結果テーブルが表示されません。IE8 で取得された値を含むアラート メッセージを表示できますが、テーブルには空が表示されます。どんな助けでも大歓迎です。

function retrieveExams() {
    $.getJSON('/request/opscert/retrieveOpscertExams',
            { certificateType : $('#selectedApplicationType').val(),
                classTypeOne : $('#selectedApplicationClassTypeOne').val(),
                classTypeTwo : $('#selectedApplicationClassTypeTwo').val()},
            function(data, textStatus, jqXHR) {
                var html = $('#OpsCertExams').render(data);
                alert(html);
                $('#examTable').html(html);
                $('#examTable tr:odd').css('background-color','#BBBBAA');

                $('#ajaxWaitNoteDiv').hide();
            }
    );
}

//これは、結果を表示するために div タグ内に埋め込まれた以下の表です。この表は正常に機能し、Firefox と IE9 での結果を示しています。

<table id="examTable" style="width:100%"></table>

//これは、反復して結果を表示するスクリプトです

<script id = "OpsCertExams" type="text/x-jsrender">
    <tr>
        <td style="width:20%;font-size:12px;text-align:center">{{:examDate}}</td>
        <td style="width:20%;font-size:12px;text-align:center">{{:examTime}}</td>
        <td style="width:20%;font-size:12px;text-align:center">{{:examLocation}}/td>
        <td style="width:20%;font-size:12px;text-align:center">{{:examType}}</td>
    </tr>
</script>
4

0 に答える 0