MooTools Sortables with horizontal list having problems

Posted by Anurag on Stack Overflow See other posts from Stack Overflow or by Anurag
Published on 2010-03-19T12:08:26Z Indexed on 2010/03/19 12:11 UTC
Read the original article Hit count: 381

Filed under:

mootools

|

sortables

|

stylesheet

|

display

I am having problems sorting list items using the Sortables class when the list items are displayed horizontally. Removing this style fixed everything:

display: inline

Created an example on jsfiddle.

This works. Check the stylesheet for .countries li - it does not display the list inline - http://jsfiddle.net/Wgpqw/

This does not work properly. I can drag the list items around the list, but the sort randomly happens when moving around - http://jsfiddle.net/Wgpqw/1/

I suspect it has something to do with the list element positioning in inline mode. Any help is greatly appreciated.

© Stack Overflow or respective owner

Related posts about mootools

Why is jQuery so widely adopted versus other Javascript frameworks?

as seen on Stack Overflow - Search for 'Stack Overflow'
I manage a group of programmers. I do value my employees opinion but lately we've been divided as to which framework to use on web projects. I personally favor MooTools, but some of my team seems to want to migrate to jQuery because it is more widely adopted. That by itself is not enough for me to… >>> More
mootools element is null using calendar EightySix plugin

as seen on Stack Overflow - Search for 'Stack Overflow'
i m using mootools Eighty six calendar from this link i download the code and customize according to my need , it's working good on single HTML page but when i embed this code with my php page then it display below error element is null [Break on this error] element.appendChild(context);\n (on… >>> More
Mootools in Rails

as seen on Stack Overflow - Search for 'Stack Overflow'
For my client side development I use MooTools primarily, I have also just recently started learning rails. What is the best method of using Mootools in rails pages? Just adding my code inline like I would any other server side language? Or is there a better and cleaner way to do things? Basically… >>> More
Help transcoding simple jQuery to mootools

as seen on Stack Overflow - Search for 'Stack Overflow'
$(".container").hover( function(){ $(".child-1").hide(0); $(".child-2").show(0); },function(){ $(".child-1").show(0); $(".child-2").hide(0); }); A project I have requires that I use mootools, but I never used mootools, and jquery… >>> More
Does Mootools prevents javascript closure 100%?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, While I was talking about javascript closure to my friend, I was told that using Mootools can prevent closures 100%. To my knowledege, a variable causes a closure. How does Mootools itself prevents javascript closure? I think my friend is sayting that Mootools' functions are closure-safe functions… >>> More

Related posts about sortables

MooTools Sortables with horizontal list having problems

as seen on Stack Overflow - Search for 'Stack Overflow'
I am having problems sorting list items using the Sortables class when the list items are displayed horizontally. Removing this style fixed everything: display: inline Created an example on jsfiddle. This works. Check the stylesheet for .countries li - it does not display the list inline - http://jsfiddle… >>> More
ul sortables get serialized data

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi folks Any ideas how to get the serilized data from this function? the html is first with the JQuery function last, I cannot get the serialization to appear in the alert. When I can do that I can finish this by sending via ajax etc... <div class="column" id="col1"> <div class="portlet"> … >>> More
JQuery - Ajax saving sortables in connected lists when sortable item is moved

as seen on Stack Overflow - Search for 'Stack Overflow'
I have multiple JQuery sortable lists that connect with each other... They allow you to assign users to certain roles. Basically what I want to do is when a user is dragged from one list to another, I want JQuery to pick up the first list that the user was moved from so that I can send an AJAX request… >>> More
JQUERY - jQuery UI Nested Sortables 2 - help getting it working

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I'm interested in using the following JQUERY - http://lucaswoj.com/2010/01/jquery-ui-nested-sortables-2/ However, I can't seem to get a demo instance of the plugin work. Here's the code I'm using: <script type="text/javascript"> $('#findit').nestedSortable({}); </script> <div… >>> More
jQuery nested sortables jumpy behaviour

as seen on Stack Overflow - Search for 'Stack Overflow'
I want to allow user to drag and drop UI elements. I've 'container' and 'control', control may be in container, containers may include other containers (this is important requirement). I created simple prototype using jQuery. HTML: <div class="one"> <div class="control">Control 1</div> <div… >>> More