Как удалить элемент, удаленный из списка?

вот простой вопрос. У меня есть "ul", который я сделал сортировкой через функцию jquery-ui sortable(). Я хочу удалить элементы, когда они перетаскиваются из списка. Способ, которым я его реализовал, работает в том смысле, что когда я перетаскиваю элемент из списка, он удаляется, но он также удаляется, когда я просто перестраиваю список. Как достичь такого поведения, которое я ищу без этого непреднамеренного поведения. Ниже приведен код:

<html>
<head>
    <link type="text/css" href="jquery-ui/css/ui-lightness/jquery-ui-1.8.17.custom.css" rel="Stylesheet" /> 
    <script type="text/javascript" src="jquery-ui/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="jquery-ui/js/jquery-ui-1.8.17.custom.min.js"></script>

    <script type="text/javascript">
    $(function(){
        $('#sortme').sortable({
            out: function(event, ui){
                ui.item.remove();
            }
        });
        $('#sortme').disableSelection();
    });
    </script>

    <style>
    li{
        list-style-type: none;
        width: 200px;
        height: 50px;
        border: 1px solid #000;
        text-align: center;
        box-sizing: border-box;
        padding-top: 15px;
    }
    </style>
    <title> jqui sort test </title>

</head>
<body>
    <ul id='sortme'>
        <li>0</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
    </ul>
</body>
</html>

Благодарим за помощь!

Ответ 1

Вы можете попытаться использовать переменную, чтобы проверить, перетаскиваются ли элементы, которые вы перетаскиваете, из родительского контейнера.

Вы можете использовать события поверх и out jQuery UI sortable, чтобы назначить значение для этой переменной, а затем выполнить удаление перетаскиваемого элемента в beforeStop.

вот демонстрация того, что я придумал: http://jsfiddle.net/drewP/m7VJq/1/

сообщите мне, если это сработает для вас.

Ответ 2

Я уверен, что существует более чем один правильный способ сделать это, но если бы я должен был это сделать, я бы, вероятно, использовал бы элемент оболочки как droppable. Почему не главный контейнер для сайта, всемогущий #wrapper! Привяжите к drop событию droppable и полностью удалите элемент. Он также не останется в сортировке.