jquery-ui-sortable

Removing Items from Jquery UI Sortable

由 ε祈祈猫儿з 提交于 2019-12-23 10:19:09
问题 I'm trying to find out the correct way to remove items from a JQuery UI Sortable list. I've created a JSfiddle illustrating my problem. Basically, I have a couple of callbacks around a JQuery UI sortable widget, and I want these callbacks to be executed as soon as I remove an element from the widget. What's the correct way to do so? Because "$.remove" nor "$.detach" seems to work. EDIT 1: I'm not looking for a hotfix on my problem but more of an explanation of how the JQuery UI Sortable list

jquery-ui sortable on divs with TinyMCE editors causes text to disappear

由 蹲街弑〆低调 提交于 2019-12-23 09:27:55
问题 following the instructions at: http://www.farinspace.com/multiple-wordpress-wysiwyg-visual-editors/ i've got some nice WYSIWYG editors in my metaboxes my markup looks like: <div class="sortable"> <div class="sortme"> <?php $mb->the_field('extra_content2'); ?> <div class="customEditor"><textarea name="<?php $mb->the_name(); ?>"><?php echo wp_richedit_pre($mb->get_the_value()); ?></textarea></div> </div> <div class="sortme" <?php $mb->the_field('extra_content3'); ?> <div class="customEditor">

JQuery sortable nested sortable divs

由 旧城冷巷雨未停 提交于 2019-12-23 07:50:56
问题 This question has something to do with this one Nest jQuery UI sortables, but i couldn't solve my problem with it. Here's the problem: I have a main container that contains items, those items are divs that can be ungrouped items or groups, that contain other items. I can define new groups by dragging the .multiply-group div and then I can drag all the group at once. Here's the code: <body> <div class="multiply-container"> <div class="row multiply">Item 1</div> <div class="row multiply">Item 2

jquery sortable keep within container Boundary

由 北城以北 提交于 2019-12-23 07:29:24
问题 Please look at the fiddle below: http://jsfiddle.net/ujdsu/ HTML, simple unordered list: <ul class="sortable"> <li>first item</li> <li>second item</li> <li>third item</li> <li>fourth item</li> <li>fifth item</li> </ul> jquery: $(function() { $( ".sortable" ).sortable({ axis: 'y' }).disableSelection(); });​ CSS: ul{ margin:20px 0 0 20px; border:1px solid #000; width:70%; overflow:hidden; position:relative; } li{ background:#ccc; border-top:1px solid #000; padding:10px 5px; cursor:move; } li

jquery strange behaviour when toggling (hiding/showing) droppable panels

由 早过忘川 提交于 2019-12-23 04:47:32
问题 I have several draggable/hideable boxes based on the code posted here: http://webdeveloperplus.com/jquery/saving-state-for-collapsible-drag-drop-panels/ I also have an area with a list of blocks which I can drag into any one of these boxes, and then sort them. This works fine. It's only when I start toggling these boxes, or moving their positions, that things start going weird. Example 1 Let's say I have 3 boxes stacked vertically: Box1 Box2 Box3 Block can be dragged into (and sorted) ok. If

Jquery Sort multiple Tbody

由 社会主义新天地 提交于 2019-12-23 04:45:39
问题 I have a table like this : <table> <thead> <tr> <th>Department</th> <th>Quantity</th> </tr> </thead> <tbody> <tr> <th>Data</th> <th>100</th> </tr> <tr> <td>DTP</td> <td>20</td> </tr> <tr> <td>VTP</td> <td>30</td> </tr> <tr> <td>RTP</td> <td>50</td> </tr> </tbody> <tbody> <tr> <th>Testing</th> <th>100</th> </tr> <tr> <td>QTP</td> <td>20</td> </tr> <tr> <td>ATP</td> <td>30</td> </tr> <tr> <td>CTP</td> <td>50</td> </tr> </tbody> </table> When I click department header, tr inside data and testing

jQuery draggable sortable, changing html on dropped element

由 血红的双手。 提交于 2019-12-23 02:39:24
问题 I'm designing a form-building interface. All available fields will be in an unordered list on the left of the interface, with a large, empty unordered list on the right which will become my webform. The "trick" to making this interface work is having the list items from the left transformed into valid html elements by appending html into the droppable ui element just before they are appended into the sortable list on the right. I have it working...mostly...using draggable() and sortable().

How can I have an element with “overflow-y: auto” but still allow the browser to scroll when i drag an item horizontally using jquery ui sortable?

由 可紊 提交于 2019-12-23 01:38:13
问题 I have a webpage that uses jquery ui sortable. I have a list of of columns where each column has an html table in it. I am using jquery ui sortable to support dragging table rows within a table as well as from one table to another similar to this jquery ui sortable demo (but with many more columns) The one issue i ran into is that if i have many columns, I can't seem to support both of these requirements below at the same time: The requirement to have vertical scrollbar in my table if it

jQuery UI, sortables and Cookie plugin with multiple lists

由 为君一笑 提交于 2019-12-23 01:19:06
问题 I'm using jQuery UI sortable plugin with the cookie plugin to set and get the list of two sortable lists. I found this piece of code to set and get a cookie: http://www.shopdev.co.uk/blog/sortable-lists-using-jquery-ui/#comment-6441 It works as I want to for one list, but not two (I've made the changes listed in the comments but fail somewhere). My guess is that I have to specify the first and the second list for the setSelector and not use a class for the list. I tried "var setSelector = "

JQuery Draggable + Droppable + Sortable

由 生来就可爱ヽ(ⅴ＜●) 提交于 2019-12-22 13:53:27
问题 I'm sure this has been answered before but I can't find an example to fit my situation. I've got a list of images that are draggable. I've also got a div (id="dropZone") that is set to droppable and sortable. I'd like to fire a function when the images get dragged and dropped on the div, but not when things are dropped on the div from being sorted. Here's what I tried: stop: function() { $('#dropZone').prepend('<img src"img.png" />'); } This I added to the droppable images, however this will
订阅 jquery-ui-sortable