jquery-ui-sortable

问题 This person has managed to integrate a script (from here http://www.javascripttoolbox.com/lib/table/documentation.php) into their mediawiki. See: http://offene-naturfuehrer.de/web/Kategorie:Filtertabellen I don't understand how they've done it! The original script to create filterable tables is linked to on that page. Yet I have no idea how they've utilized it as they've not called it in the header.. I really want to use a filterable table like this in my mediawiki site. What do I do?! 回答1:

问题 I'm having a hard time trying to 'lock' the depth of nested sortable elements, so that they can only sort 'up and down' among their direct siblings. I thought I had it with this, but I can still 'pull' child items out of their parent and vice versa. var $sort = $( '#outside-wrapper' ).sortable({ axis : 'y', items : '.item', start : function( event, ui ) { // dynamically set the containment to the item's direct parent once started $sort.sortable( 'option', 'containment', ui.item[0].parentNode

问题 I'm attempting to use the knockout sortable plugin to work with two html lists based off of one knockout array filtered into two arrays. I keep getting errors and I believe it may have to do with the fact that I'm returning "computed" instead of "observableArray" objects, but I haven't been able to find a solution. http://jsfiddle.net/thebassix/Eg2DG/4/ I believe my main part of the problem is: hiddenSeries = ko.computed(function() { { var seriesArray = self.series(); return ko.utils

问题 I am using jQuery sortable to sort my table. see my structure <table id="sortable"> <tr class="not"> <td>Elements</td> </tr> <tr> <td>I am first</td> </tr> <tr> <td>I am second</td> </tr> <tr> <td>I am third</td> </tr> </table> my jquery is <script> jQuery('#sortable tbody').sortable({ update: function (event, ui) { }, cancel: '.not', }); </script> Here I can move the <tr> <td>I am first</td> </tr> <tr> <td>I am second</td> </tr> <tr> <td>I am third</td> </tr> rows to before <tr class="not">

问题 I have two sortable lists next to each other. See this example: http://jsfiddle.net/2Fbt6/ If you drag "Item 6" to the right, it gets added to the second last position instead to the last. If you drag "Item 6" to the right, to the left, and again to the right, it's correct. Code: HTML: <div class="categories"> <ul class="items"> <li id="item1" class="item ui-state-default">Item 1</li> <li id="item2" class="item ui-state-default">Item 2</li> <li id="item3" class="item ui-state-default">Item 3<

问题 An example JQuery sortable snippet: $("#sortable").sortable({ start: function(){ $('#overlay').show('fast'); }); stop: function(){ $('#overlay').hide('fast'); }); revert: true; }); I'd like my overlay to at least start hiding BEFORE the revert animation begins, because it feels slow otherwise. Any ideas? 回答1: Unfortunately, the revert animation is executed before the internal _clear() function is executed which triggers the events beforeStop and stop . A possible workaround is to provide a

问题 Is it possible to get jQuery ui Sortable grid to behave like gridster? Why not use gridster? Because it doesn't work on anything less than IE9. Looking at the jQuery ui Sortable sample, if you drag number 5 to number 1, number 1 moves to the right. When I do the same action with gridster, number 1 would move to number 5's position. It continues to work even with different sized elements. Is it possible to get jQuery ui Sotables grid to work in a similar manner? 回答1: Hardly. All jQuery's

问题 I am trying to get sorted order list when user click on up/down button. Here is my demo link I workout http://jsfiddle.net/prabud/qy89psbr/ function sendOrderToServer() { var items = $(".collection").sortable('toArray'); var itemList = jQuery.grep(items, function(n, i){ return (n !== "" && n != null); }); } $(".collection").sortable({ items: ".item" }); $('button').click(function() { var btn = $(this); var val = btn.val(); if (val == 'up') moveUp(btn.parents('.item')); else moveDown(btn

问题 I have a set of sortable widgets, very similar to this demo. JS inits here: var column1Sortable = $(column1Selector).kendoSortable({ filter: ".panel", cursor: "move", handler: ".panel-header", connectWith: column2Selector, change: sortableOnChange, placeholder: sortablePlaceholder, hint: sortableHint }).data("kendoSortable"); var column2Sortable = $(column2Selector).kendoSortable({ filter: ".panel", cursor: "move", handler: ".panel-header", connectWith: column1Selector, change:

问题 I have two sortable linked lists, call them list 1 and list 2. List 1 is a list of all the possible items that a user may choose and he drags them into his shopping basket which is list 2. What I would like to do is to have a button(or link) next to each item in list 2(The shopping basket) that when clicked moves the item back into list 1 without the user actually having to drag it there. I know I can easily achieve this by simply using remove() to remove the item from list 2 and then using