Question

我是一名JavaScript＆amp; Jquery Learner。我有一个弹出窗口，其中显示日期在顶部。请参阅下图：

。

当我点击日期并生成弹出窗口时，之前生成的遗骸将被保留，新的date将显示在顶部。它正在重复或前一个date没有得到刷新，下面是我用于动态弹出窗口的代码。在此先感谢。

 function GetEmployeeDayAttendance_ForSheet_popup(events) {
    $('#dayAtt_Sheet_Popup').modal("show");
    $('#dayAtt_Sheet_Popup').modal({
                show:false,
                keyboard: true,
                backdrop: "static",
                show:false,
            });
        $("#dayAtt_Sheet_Popup").on("shown.bs.modal", function(event, ui) {

        $('#dayAttendance_sheet').html( '<table class="table table-striped table-bordered" width="100%" id="tblDayAtt_sheet"><\/table>' );
            var oTable = $('#tblDayAtt_sheet').dataTable( {
                "bPaginate": false,
                "iDisplayLength":15,
                "sScrollY":200,
                "sScrollX":"100%",
                "aaData": [],
                //"aaSorting": [[ 0, 'desc' ]],
                "asStripeClasses": [ 'strip1', 'strip1'],
                "aoColumns": [                                          
                    { "sTitle": "Swipe Time" },
                    { "sTitle": "Emp ID","sClass": "text-center"},
                    { "sTitle": "In / Out","sClass": "text-center" },
                    { "sTitle": "Map View","sClass": "text-center"},
                    { "sTitle": "Latitude","bVisible": false},
                    { "sTitle": "Longitude","bVisible": false}
                ]
            } );     

            $('#tblDayAtt_sheet_filter').parent().prepend('<div id="dateChange_sheet" class="singleLine-text">'+$("#fromDate").val()+'  Day Attendance Details</div>');    
            $('#tblDayAtt_sheet_filter').hide();
            var mql = window.matchMedia("screen and (max-width:639px)")
            if (mql.matches){ // if media query matches
             $("#dayAttendance_sheet").mCustomScrollbar({
                        axis:"x",
                        horizontalScroll:true,
                        alwaysShowScrollbar: 0,
                        advanced:{
                            autoExpandHorizontalScroll:true ,  updateOnContentResize: true, updateOnBrowserResize: true 
                            },
                        theme:"dark",
                    });
            }


             // =========== END =================
                    GetEmployeeDayAttendance_ForSheet(events);

    });

}

Answer 1

我认为问题在于行

 $('#tblDayAtt_sheet_filter').parent().prepend('<div id="dateChange_sheet" class="singleLine-text">'+$("#fromDate").val()+'  Day Attendance Details</div>');

在上面的代码行中，新的日期是前置的，旧日期不会被刷新。这就是旧数据没有刷新的原因。

Javascript动态数据重复 - 旧数据无法刷新

1 个答案: