Jquery Ui可排序，我不能删除一个项目作为我的可排序列表中的最后一个元素

Question

我似乎无法将jquery UI排序，让我将项目放在列表中的最后一项下面。它总是突然出现在倒数第二位。我想知道是否有其他人遇到过这个，或者有任何建议。

我在这里放弃观看视频＆＃39;在＆＃39; facebook之下的字段按下按钮＆＃39; field和jquery ui似乎认为我想把它放在＆＃39; facebook之类的按钮＆＃39;上，当我放弃它时，它确实高于它。

$( ".availableEntriesWrapper").sortable({
                        forcePlaceholderSize: false,
                        helper: function(e,li) {
                            copyHelper= li.clone().insertAfter(li);
                            return li.clone();
                        },
                        handle: '.entryFieldTitle',
                        connectWith: ".mandatoryEntriesWrapper.sortable, .bonusEntriesWrapper.sortable",
                        revert: 300,
                        cancel: '.disabled',
                        tolerance: "intersect",
                        distance: 10,
                        stop: function( event, ui ) {
                            var element = ui.item;
                            copyHelper && copyHelper.remove();
                            bonusEntries.createBonusEntry(element);
                        },
                        over: function( event, ui ) {
                            console.log(event);
                            console.log(ui);
                        },
                        out: function( event, ui ) {
                        } 
                    });

这是我的jquery ui实例化代码

video_watch: function(bonus, where){
            if(!bonus.id) bonus = {id:0, type: "video_watch", text : "Watch this Video", data:"", data_2:"", data_3:"", points: 1, prechecked:0, required: 0, repeatable:1};
            var element = $('<li class="'+where+'Entry entryField '+bonus.type+'" data-id="'+bonus.id+'" data-type="'+bonus.type+'">'+
                                '<span class="entryFieldTitle"><i class="fa fa-youtube-play"></i>&nbsp; Watch a Video <div class="hover_popup"><i class="fa fa-question"></i></div></span>'+
                                '<div class="remove"><i class="fa fa-times"></i></div>'+
                                '<div class="configurationOptions">'+
                                    '<div class="fieldInput"><span class="input_label">Label: </span><input type="text" class="entry_text" value="'+bonus.text+'" placeholder="label"></div>'+
                                    '<div class="fieldInput"><span class="input_label">Youtube Video Id:   </span><input type="text" class="entry_data" value="'+bonus.data+'"      placeholder="VTO5yiN1b-I   "></div>'+
                                    //'<div class="fieldInput"><span class="input_label">   </span><input type="text" class="entry_data_2" value="'+bonus.data_2+'"     placeholder="   "></div>'+
                                    '<div class="fieldInput points_input"><span class="input_label">Extra Entries:   </span><input type="number" class="entry_points" value="'+bonus.points+'"></div>'+
                                    '<div class="advancedSettings">'+
                                        '<div class="bonusSetting required_setting"><input type="checkbox" class="required"         '+((bonus.required==1) ? 'checked' : '')+'><span>Required For Entry?</span><br/></div>'+
                                        '<div class="bonusSetting repeatable_setting editable"><input type="checkbox" class="repeatable"    '+((bonus.repeatable==1) ? 'checked' : '')+'><span>Only once per contest/user?</span></div>'+
                                        (App.isManager ? '<div class="bonusSetting restricted_setting"><input type="checkbox" class="restricted"        '+((bonus.restricted==1) ? 'checked' : '')+'></span> Restricted To Corporate</span></div>' : '') +
                                    '</div>'+
                                    '<span class="entryInfo repeating">repeating</span>'+
                                '</div>'+
                            '</li>');
            return element;

以下是我要删除的列表项的示例，其可能相关也可能不相关。它们基本相同

ul html非常简单，所有字段都只是附加到其中

<ul class="mandatoryEntriesWrapper sortable fieldsWrapper"></ul>