javascript - fullcalendar 事件拖放在 Firefox 中不起作用

Question

拖放在其他浏览器上工作正常，只有 Firefox 有问题。

我已经阅读了足够多的内容，知道 Firefox 有不同的拖放机制，但我发现没有任何帮助尝试按照评论者的建议实现 jsEvent.preventDefault(); here但这并没有改变行为，我不确定如何实现标记为答案部分，该部分执行 event.originalEvent.dataTransfer.setData('text/plain', 'anything');

这是我的拖放代码:

设置可拖动tr

$('#workOrdersTable tbody tr').each(function() {
    var tds = $(this).children('td');
    if (tds.length > 0) {
        var workOrder = $.grep(workOrders, function(e) {
            return e.woNumber == tds[0].innerText;
        })[0];
        if (typeof workOrder !== "undefined" || workOrder !== null) { // store the Event Object in the DOM element so we can get to it later
            $(this).data('workOrder', workOrder);
            // make the event draggable using jQuery UI
            $(this).draggable({
                zIndex: 999,
                revert: true, // will cause the event to go back to its
                revertDuration: 0 //  original position after the drag
            });
        }

    }
});

如何在 Firefox 中使其正常工作？

FullCalendar 设置实现 drop

$('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    editable: false,
    droppable: true,

    //edit existing
    eventClick: function(calEvent, jsEvent, view) {
        populateEvent(calEvent, true);
    },

    //create new
    drop: function(date, jsEvent, ui ) {
        //alert('jsEvent '+jsEvent);
        jsEvent.preventDefault();

        var workOrder = $(this).data('workOrder');
        workOrder.title = workOrder.woNumber + ' ' + workOrder.account
        workOrder.description = workOrder.problemDescription;
        workOrder.start = date;
        workOrder.end = moment(date).add(1, 'hour'); //change default so the start and end dont match
        populateEvent(workOrder, false);
    },

Answer 1

问题在于将数据设置到可拖动的行上

var workOrder = $.grep(workOrders, function(e) {
        return e.woNumber == tds[0].innerText;
    })[0];

需要

        var woNumberTemp = tds[0].textContent || tds[0].innerText;
        var workOrder = $.grep(workOrders, function(e) {
            return e.woNumber == woNumberTemp;
        })[0];

显然对于 chrome tds[0].innerText 没问题，但 Firefox 需要 tds[0].textContent