jquery ui可与有孩子的父母和没有孩子的父母一起工作

时间:2018-06-15 12:45:44

标签: javascript jquery jquery-ui jquery-ui-sortable

我正在尝试将有孩子的父母打到一个新的位置,那里只有一个父母有nochildrens,所以顺序正在改变:但是我的代码有些麻烦我确定它的罪魁祸首jquery代码给我一个艰难的时间......

这是我有的html代码的屏幕

http://prntscr.com/jvbelq

所选择的父母没有孩子,我想将其移动到第一个位置,带孩子的第一个父母将移动到其他父母的位置。

我的jquery代码是这样的:

$('#sortable').sortable({
                    items: 'tr.sortable-row',
                    opacity: '.5',
                    axis: "y",
                    helper: sortableHelper,
                    start: function(e, ui) {
                        ui.placeholder.height(ui.helper.outerHeight());
                    },
                    update: function(e, ui) {
                        var tableHasUnsortableRows = $(this).find('> tbody > tr:not(.sortable-row)').length;
                        var programID = $("#programID").val();
                        var html = ui.item[0].outerHTML;
                        $(this).find('> tbody > tr.sortable-row').each(function(idx, row) {
                            /* If we are reordering a table with some fixed rows, make sure the fixed rows
                             * always follow their corresponding sortable row so they always appear together. */
                            if (tableHasUnsortableRows) {
                                var uniqID = $(this).attr('data-question-id'),
                                    correspondingFixedRow = $('tr:not(.sortable-row)[data-answer-id=' + uniqID + ']');
                                currentorder = $(this).data('currentorder');
                                correspondingFixedRow.detach().insertAfter($(this));
                            }
                        });
                        var peviousHtmlCode = ui.item[0].previousSibling;
                        var PreviousRowValue = $(peviousHtmlCode).attr('data-currentorder');
                        var currentorder = $(html).attr('data-currentorder');
                        var info = 'currentorder=' + currentorder + '&programID=' + programID + '&prevRow=' + PreviousRowValue;
                        $.post('page.php', info, function(data){
                        alert(data);
                        });
                    }
                }).disableSelection();

0 个答案:

没有答案