未捕获的TypeError：无法读取未定义的属性'createDocumentFragment'？

Question

我正在使用Jquery UI拖放功能将div从1 tr移到另一个表中但是当我丢弃时我得到了问题。

以下是我的功能：

 $(".appdrop").droppable({
                accept: ".appdrag",
                activeClass: 'droppable-active',
                hoverClass: 'droppable-hover',
                drop: function (ev, ui) {
                    // alert(ui.draggable.attr('id'));
                    // alert($(this).attr('id'));
                    var a = $(this).attr('id');
                    var arr = a.split(',');
                    CutAppointmentId=ui.draggable.attr('id');
                    slotid = arr[0].replace('Slotid', '');
                    slotdetailid = arr[1].replace('TimeSlotDtlId', '');            
                    params["TimeSlotDtlId"] = slotdetailid;
                    params["CutAppointmentId"] = CutAppointmentId;

                    Scheduling_Calendar.MoveAppointment(CutAppointmentId, slotdetailid).done(function (response) {
                        if (response.status != false) {
                            utility.DisplayMessages(response.Message, 1);
                            ui.draggable.detach().appendTo($(this));
                        }
                        else {
                            utility.DisplayMessages(response.Message, 3);
                        }
                    });

                }
            });

当我在我的函数Scheduling_Calendar.MoveAppointment（）中使用时，下面提到的行创建文档片段问题：

ui.draggable.detach().appendTo($(this));

如果我不使用Scheduling_Calendar.MoveAppointment（）函数，它将执行没有任何问题。 在这方面的任何帮助将不胜感激。