Actualmente tengo un contenedor de tarjetas ordenable donde el usuario puede arrastrar las tarjetas y colocarlas en la posición que desee. Estoy usando la biblioteca jquery.ui.widget.js para hacer esto. El siguiente es el código en mi AJAX para lograr esto.

 $('.sortable').sortable({ cursor: 'move', start: function(event, ui) { ui.item.addClass('grabbing moving').removeClass('col-sm-6'); ui.placeholder .addClass('starting') .removeClass('moving') .css({ top: ui.originalPosition.top, left: ui.originalPosition.left }); }, change: function(event, ui) { ui.placeholder.removeClass('starting'); }, update: function(event, ui) { $.ajax({ url: '<?php echo site_url('listings/sortlisimages/' . $this->uri->segment(3)); ?>', type: 'POST', dataType: "json", data: $(this).sortable('serialize'), success: function(data) {} }); }, beforeStop: function(event, ui) { ui.placeholder.after(ui.item); } });

Ahora esto funciona en todos los navegadores con los que probé, excepto en FireFox. Básicamente estoy probando esto: https://jqueryui.com/sortable/ y este ejemplo funciona en Firefox para su sitio web oficial, por lo que no es un problema de compatibilidad, pero para el mío no funciona en Firefox, no estoy seguro de por qué. Además, no hay errores en mi consola.