Hi, Just trying to use sortable on some fairly basic div's and getting odd behaviour as I attempt to reposition them. I find that when dragging an object, and the mouse cursor is over the front half of another object, then it attempts to insert that dragged object after it, not before. Similar if it over the back half it actually inserts it before... :\ Attempting to move it to the start or end of the list isn't always the easiest either... I have tried tolerence of both 'pointer' and 'intersect' - doesn't appear to make any difference.
Anyone had similar problems? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"; lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Prototype System</title> <style> body{ font:10px Arial; } .box_12 { width:700px; } .box_6 { width:340px; } .box_4 { width:220px; } .box_3 { width:160px; } .box_2 { width:100px; } .container { background-color:#FFFFFF; margin-left:auto; margin-right:auto; width:960px; } .obj, .sort-clone { background-color:Silver; float:left; height:60px; margin-left:10px; margin-right:10px; } .sort-clone { opacity:0.3; } </style> </head> <body> <div class="container"> <div class="obj box_12"><p>Nec elementum eros</p></div> <div class="obj box_3"><p>Proin donec leo</p></div> <div class="obj box_4"><p>Nulla donec magna</p></div> <div class="obj box_3"><p>Ipsum pellentesque sagittis</p></ div> <div class="obj box_2"><p>Mattis et nibh</p></div> <div class="obj box_6"><p>Ornare ut ultricies</p></div> <div class="obj box_6"><p>In urna eget</p></div> <div class="clear"></div> </div> <div class="clear"></div> <script type="text/javascript" src="resources/scripts/jquery.js"></ script> <script type="text/javascript" src="resources/scripts/jquery- ui.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div.container").sortable({forcePlaceholderSize: true, opacity: 0.6, tolerence:'pointer', placeholder:'sort-clone'}); }); </script> </body> </html> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
