Jquery сортируемое соединение с

Question

У меня есть один список, в котором у меня есть запись. данные извлекаются из веб-метода.

 function getSectionData() {
            $.ajax({
                type: "POST",
                url: "../Provider/webmethodcall.aspx/GetAllSectionConfiguration",
                data: '',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    section = JSON.parse(data.d);
                    var list = document.createElement('li');
                    //var list = "";
                    $.each(section, function (i, jsondata) {
                        if (jsondata.CSectionType == '1') {
                            $("#sectionlist").append("<li id=" + jsondata.CSectionId+">" + "TX&nbsp;" + jsondata.CSectionName + '</li><br/>');
                        }
                        if (jsondata.CSectionType == '2') {
                            $("#sectionlist").append("<li id=" + jsondata.CSectionId +">" + "#&nbsp;" + jsondata.CSectionName + '</li><br/>');
                        }
                        if (jsondata.CSectionType == '3') {
                            $("#sectionlist").append("<li id=" + jsondata.CSectionId +">" + "D&nbsp;" + jsondata.CSectionName + '</li><br/>');
                        }
                    });
                }
            });
        }

А вот мой UL , в котором я связал вышеупомянутую запись

<ul id="sectionlist" class="connectedSortable" title="SectionName"></ul>

Теперь у меня есть еще три UL , в которых я перетаскиваю значение «SECTIONLIST». Который также работает нормально.

 <ul id="sortable2" class="connectedSortable" title="Layer1">
        <li></li>
        </ul>
        <ul id="sortable2Layer2" class="connectedSortable" title="Layer2">
        <li></li>
        </ul>
        <ul id="sortable2Layer3" class="connectedSortable" title="Layer3">
        <li></li>
        </ul>

Вот моя функция juqery, с помощью которой я могу перетаскивать значение

$(function () {
    $("#sectionlist, #sortable2, #sortable2Layer2, #sortable2Layer3").sortable({
           connectWith: ".connectedSortable"
        }).disableSelection();
});

Сейчас Моя путаница / вопрос Если я перетащить значение из «sectionlist» и попытаться сбросить в «sortable2Layer2» (LAYER 2) или «sortable2Layer3» (Layer3), то я хочу получить сообщение, которое, пожалуйста, УБРАТЬ значение в «sortable2» (LAYER1) FIRST . Вот мой CSS код.

#sectionlist, #sortable2,#sortable2Layer2,#sortable2Layer3 {
    border: 1px solid #eee;
    width: 100px;
    /*min-height: 10px;*/
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
  }
  #sectionlist li, #sortable2 li ,#sortable2Layer2 li,#sortable2Layer3 li{
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 120px;
  }