Internet Explorer选择下拉列表崩溃

时间:2017-01-10 12:38:33

标签: javascript jquery html css internet-explorer

我有选择下拉选择否。页面显示为jquery分页。一切都很好但是说到了。选择下拉列表折叠。查看图片。iedropdown

我也提到了link

但它似乎对我不起作用。我很怀疑它是默认行为而且不会做太多......

<script type="text/javascript">
$(document).ready(function() {      

    var url="${pageContext.request.contextPath}/aaa/aaa/aaa";        
    url+="?fromDate=${fromDate}";
    url+="&toDate=${toDate}";
    url+="&callType=${callType}";
    url+="&fullListSize=0";
    var table = $('#call_history_detail').DataTable({
        "preDrawCallback": function( settings ) {
            $("#searchTable").val("");
            $('body').modalProgress("show");
        },
        "drawCallback": function( settings ) {
            wordWrap("userName", 80, 2);
            $('body').modalProgress("hide");
        },
        "processing": true,
        "serverSide": true,
        "searching": false,
        //"ajax": url,
        "ajax": {
                    "contentType": "application/json",
                    "url": url, 
                    "data": function ( d ) {
                        var drawValue = d.draw;
                        var length = d.length;
                        var start = d.start;
                        var sortCol = d.order[0].column;
                        var sortType = d.order[0].dir;

                          return "draw=" + drawValue + "&length=" + length + "&start=" + start + "&sortCol=" + sortCol + "&sortType=" + sortType;

                    }
            },
        "oLanguage": {
                         "sLengthMenu": "Show _MENU_ entries. <img src='${pageContext.request.contextPath}/img/ico_info.png' class='tt'" +
                         "title='The search function will only search the page you are currently viewing.  To do a more expansive search, increase the entries per page.  Increasing the entries per page can increase load time.' />"
                     },
        "lengthMenu": [ [25, 50, 100, 500, 1000, 5000], [25, 50, 100, 500, 1000, 5000] ],
        "columns": [
            { "name": "userName" },
            { "name": "callType"},
            { "name": "date" },
            { "name": "time" },
            { "name": "from" },
            { "name": "to" },
            { "name": "cost", "width": "10%" },
            { "name": "duration", "width": "10%" }
        ],
        "columnDefs": [
            {
                "class": "userName",
                "data": "userName",
                "defaultContent": "",                   
                "targets": 0
            },
            {
                "class": "callType",
                "data": "callType",
                "defaultContent": "",
                "targets": 1
            },
            {
                "class": "date-time",
                "data": "timeStart",
                "render": function (data) {
                    return getShortDate(data);
                },
                "defaultContent": "",
                "targets": 2
            },
            {
                "class": "date-time",
                "data": "timeStart",
                "render": function (data) {
                    return getTimeString(data);
                },                   
                "defaultContent": "",
                "targets": 3
            },
            {
                "class": 'number',
                "data": "origNumber",
                "defaultContent": "",
                "orderable": true,
                "targets": 4
            },
            {
                "class": 'number',
                "data": "destNumber",
                "defaultContent": "",
                "orderable": true,
                "targets": 5
            },
            {
                "class": 'cost',
                "data": "totalAmount",
                "render": function (data) {
                    return "$"+data.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
                },
                "defaultContent": "",
                "targets": 6
            },
            {
                "class": 'duration',
                "data": "callDuration",
                "defaultContent": "00:00:00",
                "orderable": false,
                "targets": 7
            }

          ],

          "order": [[ 2, "desc" ]]
    });
    $('#backToSummary').click(function(e){
        e.preventDefault();
        $('form#call-history-options').submit();
    });
});</script>

1 个答案:

答案 0 :(得分:0)

将此添加到css div z-index:value;