So entfernen Sie ein Element, das gezogen wird, Weg von der Liste?

hier ist eine einfache Frage. Ich habe eine 'ul', die ich gemacht habe sortierbar über jquery-ui ist sortierbar () - Funktion. Ich möchte zum entfernen von Elementen, wenn Sie gezogen werden aus der Liste entfernt. Die Art und Weise, ich habe es eingebaut funktioniert in dem Sinne, dass, wenn ich ziehen Sie ein element entfernt aus der Liste wieder entfernt werden, aber es wird auch entfernt, wenn ich nur die Liste neu anzuordnen. Wie kann ich erreichen, das Verhalten, die ich Suche, ohne dieses unerwünschte Verhalten. Nachstehend ist der gesamte code:

<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>

Danke für Eure Hilfe!

InformationsquelleAutor aamiri | 2012-02-22
  1. 25

    Könnten Sie versuchen, eine variable zu verwenden, um zu überprüfen, ob die Elemente, die Sie ziehen, gezogen aus den übergeordneten container.

    Können Sie die über und aus Ereignisse der jQuery-UI-sortable zuordnen, um den Wert für diese variable, und führen Sie dann die Entfernung aus der das gezogene Element auf dem beforeStop Veranstaltung.

    hier ist eine demo von dem, was ich habe kommen mit: http://jsfiddle.net/drewP/m7VJq/1/

    lassen Sie mich wissen, wenn es für Sie arbeitet.

    • Ich habe vergessen, über die in/out. Dank Drew! 😀
    • Dies war bloody brilliant! Den Tag gerettet Drew! 🙂
    InformationsquelleAutor Drew
  2. 0

    Ich bin sicher, es gibt mehr als eine richtige Weg, das zu tun, aber wenn ich musste es tun, ich würde wahrscheinlich ein wrapper-element als abwerfbaren. Warum nicht die main-site-container, der allmächtige, der #wrapper! Binden drop Ereignis des Drop verschieben und entfernen Sie das Element vollständig. Es bleibt nicht in der sortierbaren entweder.

    InformationsquelleAutor Zlatev
Schreibe einen Kommentar