Tag: jquery-ui-sortable
Das jQuery-UI Sortable-plugin macht ausgewählte Elemente sortierbar durch ziehen mit der Maus.
2
Antworten
Möchte ich noch hinzufügen, dass sich verschiebbare Elemente, um eine sortierbare Liste, die funktioniert in meinem Beispiel http://jsbin.com/ipese5/35 Problem ist, dass ich aktualisieren möchten-id des geklonten Element beim ziehen auf die sortierbare Liste. Seltsame Sache ist, dass
6
Antworten
Hier ist die Teil von jQuery UI Dokumentation für die tolerance option: Dies ist der Weg, die Neuordnung verhält sich bei drag. Mögliche Werte: 'intersect', 'Zeiger'. In manchen Fällen, "pointer" ist natürlicher. intersect: ziehbar überschneidungen der abwerfbaren
1
Antworten
Habe ich eine Liste gefüllt wird via ajax. Diese Liste kann ich hinzufügen und löschen von Elementen über ajax und auch Sortieren lassen. Ich habe zwei Probleme mit ihm. Der erste ist hier und es ist immer
2
Antworten
Ich bin der Gestaltung eines Formulars-Gebäude-Schnittstelle. Alle verfügbaren Felder werden in einer ungeordneten Liste auf der linken Seite der Benutzeroberfläche, mit einem großen, leeren, unsortierten Liste auf der rechten Seite der meine webform. Der "trick", dass diese
2
Antworten
Bin ich über das jQuery-UI sortable-plugin und ich werde versuchen, 2 Warnungen Möchte ich der starren position des Elements und der fertig Stellung des Elements. $(function() { $("#filterlist ul").sortable({ opacity: 0.6, cursor: 'move', update: function(event, ui) {
2
Antworten
Hier eine kleine Geige für mein Problem: http://jsfiddle.net/Yc9WY/52/ Im wesentlichen, eine box der Artikel ist viel größer als die anderen. So, Drag and Drop mit sortable ist eine Herausforderung. Ersten, änderte ich die Größe des Elements auf
1
Antworten
Habe ich versucht, dieses heraus für einen Freund. Sie haben einen lokalen HTML5-Musik-player, die dem Benutzer ermöglicht per drag & drop die Elemente in der Wiedergabeliste. Jedoch die Farbe der Platzhalter wird nicht angezeigt, andere Elemente wie
2
Antworten
Ich bin mit einem ganz konkreten problem mit jQuery UI sortable und dragable zusammen. Ich möchte in der Lage sein, um den index/Platzierung in der Liste der neu gezogene element. Ich bin in der Lage, diese zu
2
Antworten
Erstellte ich eine Demo hier. Code: //Javascript $(function() { $("#panel").sortable({ items: ".content", axis:"y", scroll:true, }).disableSelection(); }); //HTML - <ul id="panel" class="scroll"> <li class="content" style="background-color:red">item1</li> <li class="content" style="background-color:green">item2</li> <li class="content" style="background-color:blue">item3</li> <li class="content" style="background-color:gray">item4</li> <li class="content" style="background-color:yellow">item5</li> <li
1
Antworten
$("#sortable").sortable({ placeholder: '.ui-state-highlight' }); Oben, dass ich in meiner stylesheet .ui-state-highlight { background-color: #F6F698; height: 1.5 em; line-height: 1.2 em; border: dashed 1px gray; } und wenn ich ziehen ein-li, der Platzhalter hat nur einen schwarzen Rand,
1
Antworten
Kann ich nicht zeigen, Platzhalter für die zu sortierenden Elemente in einem div. <script type="text/javascript"> $(function() { $("#userContent").sortable({ handle: '.close_button', connectWith: '#userContent', placeholder: 'placeholder', forcePlaceholderSize: true, tolerance: 'pointer', revert: true, }); }); </script> <style type="text/css"> .webtitle_paragraphs {
1
Antworten
Gibt es eine Funktionalität in jQuery Mobile für listviews Sortieren? Durch Sortier -, ich meine, die Möglichkeit für den Benutzer neu zu ordnen Elemente in der Liste durch ziehen, wie auf dem iPhone. Anwendung von jQuery UI
1
Antworten
Ich bin mit jQuery UI sortable auf einem Tisch. Meine Javascript: $("#linksSortable tbody").sortable({ handle : '.handle', //helper : fixHelper, update : function () { var order = $('#linksSortable').sortable('serialize'); //$("#info").load("ajaxtest.php?"+order); alert(order); } }); Meinem Tisch: <table id="linksSortable"> <tbody>
1
Antworten
Hi ich bin neu bei jquery und ich bin nicht ein Programmierer entweder. Ich habe versucht, auf der Suche nach der Antwort auf google, aber ich konnte einfach keine Antwort finden. Hier ist mein quetion, ich habe
2
Antworten
Habe ich eine schedule-Tabelle, die ich verwende jQuery Sortable-für die Bearbeitung. Jeder Tag ist ein UL, und jedes Ereignis ist ein LI. Mein jQuery ist: $("#colSun, #colMon, #colTue, #colWed, #colThu").sortable({ connectWith: '.timePieces', items: 'li:not(.lith)' }).disableSelection(); Alle LI
2
Antworten
Möchte ich deaktivieren Sie die Sortierung der source_element .wie kann ich das tun? function dropMembers(){ $("ul.present").sortable({ connectWith: 'ul', containment: 'window', items: 'li:not(.notSortable)' }); $("ul.usrlist").sortable({ connectWith: 'ul', dropOnEmpty: true, containment: 'window', update: function(event, ui) { //Element ready to
2
Antworten
Ich versuche zu kombinieren, die ein draggable-panel (oben) und einer Sortier-panel (unten). Ziehen funktioniert gut, aber die Sortierung fehlschlägt. Hier ist mein JS fiddle: http://jsfiddle.net/dmUKY/9/ Sowohl drag ' N ' drop-und Sortier-Funktionen Aktien der droppable:drop Funktion. Beim
2
Antworten
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
6
Antworten
Ist es möglich, dass die serialisierte Liste von Elementen aus einer UL in jquery durch den Aufruf der serialize-Methode, sondern direkt mit einem Rückruf? Das code-snippet: var sortableLinks = $("#category_links_list_3"); var linkOrderData = $(sortableLinks).sortable('serialize'); category_links_list_3 ist die
3
Antworten
Ich habe eine <form id="#form"> einer <span class="con"> und innerhalb der Spanne habe ich viele divs werden muss sortierbar. <form id="form"> <span class="con"> <div class="ui-state-highlight">Item 1</div> <div class="ui-state-highlight">Item 2</div> ... </span> </form> Ich bin mit der Sortier-Funktion
1
Antworten
Ich habe ein jQuery-UI-Sortable element in der Liste wird dynamisch gefüllt, die aus einem Ajax-request. Derzeit ist der workflow geht Benutzer klickt auf Schaltfläche Liste wird gefüllt und sortiert nach den angegebenen Einstellungen. Benutzer klickt auf einen
4
Antworten
Ich wollte Fragen, ob jemand weiß, jeder Weg, um die bassistance treeview-plugin für die Arbeit mit jQuery UI ist sortierbar-plugin? Besonders im Sinne des seins in der Lage, ziehen Sie das element aus der verschachtelten ul an
1
Antworten
Ich bin mit Sortier-und habe es bis und arbeiten. Aber ich bin versucht, zu retten, was ist, wo innerhalb der Listen. Können sagen, ich habe 3 Listen: <ul id="top" class="connectedSortable"> <li>elem1</li> <li>elem2</li> <li>elem2</li> </ul> <ul id="left" class="connectedSortable">
2
Antworten
Ich bin mit jQuery UI-Verknüpfung einer Anzahl von Listen, und lassen Elemente gezogen werden und zwischen den verschiedenen Listen. In der receive Fall, ich möchte die Liste, die das Element gelöscht wird. Ist ui.item.parent() den richtigen Weg,
5
Antworten
Ich habe eine Seite mit jQuery einige Listen, die gemacht wurden, sortierbar. Die Liste ist in einem div mit fester Höhe und overflow auf auto gesetzt, in das stylesheet. Dem scroll-Attribut sortable scheint auf das scrollen der
2
Antworten
Meine Frage scheint zu ähneln diese Frage: ziehen Sie aus einer sortierbaren Liste, um eine drag-and-drop-plugin Aber da gibt es keine Antwort gegeben, die ich Frage mich, ob jemand könnte /würde in der Lage sein, um es
2
Antworten
Vor kurzem sah ich in der W3Schools html-tags, Referenz-zwei Attribute, die ich nicht ganz nachvollziehen. Die erste ist die <table sortable="sortable"> - Attribut, und die zweite ist <th sorted="sorted"> Attribut. Laut W3Schools, die sortable Attribut Beschreibung: Gibt
2
Antworten
Ich versuche ein drag and drop sortierbar zu. Ich kann ziehen Sie aus der div 1 zu 2 und von div-2 div-1, aber da ich clone ich kann nicht sortierbar Arbeit. Irgendwelche Ideen? $(document).ready(function() { $("#qselected").sortable(); $("#qselected").disableSelection();
1
Antworten
Wenn Sie ziehen Sie ein beliebiges Kind-element über jeden Elternteil, der seine position ist gespeichert . Dies ist ein verdammt viel . Element muss zurück zum vorherigen übergeordneten. Untergeordnete Elemente müssen in der Lage sein, sich innerhalb
2
Antworten
Ich bin mit CodeIgniter mit dem jQuery UI Sortable widget zu ändern, "my menu" - Liste position. Zum Beispiel, wenn meine Menü-Liste ist wie folgt: <li>menu 1</li> <li>menu 2</li> <li>menu 3</li> <li>menu 4</li> Möchte ich, um das
3
Antworten
Bin ich immer einen komischen Fehler, wenn ich mit jqueryui sortierbar. Es sagt, $(this).sortable(); is not a function. Wie man dieses Problem lösen? Bearbeiten hier ist mein header code: <script src="jquery.min.js"></script> <script src="jquery.ui.core.js"></script> <script src="jquery.ui.widget.js"></script> <script src="jquery.ui.mouse.js"></script>
2
Antworten
Gemäß dieser jsbin ich habe eine sortable Liste und einen button . beim Klick auf den button etwas hinzufügen sortable und ich will wissen, welches Ereignis der sortable ausgelöst wird?(update erhalten) und wenn Sie finden, dass das
2
Antworten
Habe ich zwei sortierbare Listen, die Arbeitsaufträge. Die zweite Liste ist eine Route während die erste nur eine Liste all der Arbeit, die Bestellungen, die noch nicht Hinzugefügt wurden, um die Route Liste. Die Idee ist, dass
3
Antworten
Habe ich ein paar Elemente in einem ul angezeigt wird, wie inline-block -. Ich bin in der Lage, Sie zu Sortieren mit dem jquery ui ist sortierbar, aber der Platzhalter wird nicht angezeigt. JS: $(document).ready(function() { $('#sortableList').sortable({
4
Antworten
Ich bin hinzufügen von Listenelementen zu einer Seite dynamisch mit Hilfe von $.bekommen, dann anfügen an das OL-element. Ziemlich üblich zu diesem Zeitpunkt. Aber jQuery ist nicht bewusst, dass diese neuen Elemente, wenn Sie in die Seite
3
Antworten
Habe ich folgende markup und javascript Sortieren einige Elemente. Elemente können sortiert werden in einem block oder in andere Blöcke. Es funktioniert, aber ich habe ein problem beim abrufen der richtige block-ID, nachdem ein Objekt verschoben wird
7
Antworten
Beispiel: ich habe eine nicht-nummerierte Liste mit einer Reihe von Formular-Eingaben. nachdem Sie die ul .sortable(), rufe ich .disableSelection() auf die sortierbare (ul) um zu verhindern, dass text-Auswahl beim ziehen von einem li Element. ..alles in Ordnung,
1
Antworten
GELÖST So studierte ich sortable() mit der connectWith Attribut ein bisschen mehr und fand die Lösung war einfacher als ich erwartet hatte, aber ich war denkend über es Art von rückwärts, weil der draggable() und droppable(). Hier
3
Antworten
Habe ich eine simple jQuery sortable-basierend auf einer Liste wie folgt: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> Habe ich eine helper-Funktion, so dass unabhängig davon, was der Inhalt eines Elements kann der Helfer
4
Antworten
Aktuellen Problem In-relearning jQuery/jQueryUI, ich bin versucht zu rufen, ein Ereignis an ein element, nach dem sortiert wird. Dieses ist wahrscheinlich relativ einfach zu tun, da jQuery bietet viele Möglichkeiten zur Umsetzung von Rückrufen. JS: jQuery(document).ready(function($) {
5
Antworten
Habe ich ein draggable list (.Bereich), wo Sie können per drag & drop Elemente aus es in eine sortierbare Liste (.sortlist). Ich habe es auf diese Weise, weil ich nicht wollte, dass die master-Liste (.Feld) in irgendeiner
3
Antworten
Ich bin mit der sortierbaren widgets neu anordnen eine Liste der Elemente. Nachdem ein Element gezogen wird, um eine neue Position, ich schmeiss mich Weg ein AJAX-form-post an den server zum speichern der neuen Reihenfolge. Wie kann
2
Antworten
Habe ich versucht zu implementieren, das in der folgenden Weise: GridView: <asp:GridView ID="GridViewUnavailableDestination" runat="server" Visible="False" Width="98%" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None" CssClass="sortable"> <Columns> <asp:TemplateField HeaderText="Name"> <ItemTemplate> <asp:Label ID="idUnavailable" runat="server" Text='<%# bind("idUnavailable") %>' Visible="false"></asp:Label> <asp:Label Visible="true" runat="server" ID="unavailableLabel" Text='<%#
2
Antworten
Habe ich einen eigenen Helfer-element mit jQuery UI sortable-Komponente. $(function() { $("#sortable").sortable({ placeholder: "ui-state-highlight", helper: function() { return $('<tr style="background-color:Fuscia"><td colspan="5" ><table><tr><td class="ui-state-default" style="background-color:Red">[XXXXXXXXXXXX]</td></tr><tr><td colspan="5" class="ui-state-default" style="background-color:Red">[XXXXXXXXXXXX]</td></tr></table></td></tr>'); }, }); $("#sortable").disableSelection(); }); Sich das benutzerdefinierte element wird tatsächlich
2
Antworten
Ich mit Hilfe von jquery-ui sortable, und ich habe Schwierigkeiten, ändern Sie die Art und Weise wie gezogen-Element suchen, wenn es gezogen wird. Was ich will, ist text-Wert der Komponente innerhalb der rot-bg-container, wenn ich ziehen. Bitte
2
Antworten
Ich versuche, sowohl ziehbar und Sortier-Funktion zwischen 2 Tabellen. Ich habe die 2 Methode, die Benutzer können die Dateien auswählen, er kann entweder per drag & drop die Dateien oder er kann doppelklicken Sie auf die Datei,
3
Antworten
Ich bin mit dem Ereignis erhalten für meine sortierbare Liste, muss ich die Veranstaltung, um der Lage sein, ändern Sie den Stil eines der untergeordneten Elemente eines Elements, wenn es gezogen wird, die von einem gezogen werden.
3
Antworten
Habe ich eine Liste von Elementen an, die gelöscht werden können, in eine Liste der (vorhandenen) sortables. Bei einem abwerfbaren element fällt in den sortables, ich möchte ändern, das element. Ich rufen Sie dazu das drop-Ereignis von
2
Antworten
Ich habe meine Probe auf die unter location : http://jsbin.com/axegem/1 Hier ist das Szenario. Wenn ich ziehen Sie die divs und legen Sie Sie auf einem anderen Ort, ich brauche zum abrufen der neuen Reihenfolge der divs.
1
Antworten
Ich habe versucht, die sortable-Funktion arbeiten zu können, suchte eine Menge von Artikeln, aber bisher kein Erfolg. Grundlagen sind nur die einfachen ul zu sortierbar, wie das schöne Beispiel auf jqueryui.com Das problem ist, ich mache alles