Have you upgraded jQuery UI as well as jQuery? jQuery UI 1.5.3 is only compatible with 1.2.6. If you upgrade to jQuery 1.3+, you'll need jQuery UI 1.7+.
Also, note: there's a separate mailing list for jQuery UI help: http://groups.google.com/group/jquery-ui See you there, if you have any more questions. - Richard On Sun, Mar 22, 2009 at 11:53 AM, leaderxman <elf...@gmail.com> wrote: > > this is my code > it worked in jquery 1.2.6 but doesn't work in jquery 1.3.2 > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// > www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> > <script src="js/jquery-1.3.2.js"></script> > <script src="js/ui.core.js"></script> > <script src="js/ui.draggable.js"></script> > <script src="js/ui.droppable.js"></script> > <script src="js/ui.resizable.js"></script> > <script> > $(document).ready(function(){ > > var $container = $('#container'); > > $("#ob1").resizable().parent().draggable({containment: '#container'}); > > $(".ob2").draggable({helper:'clone'}); > > $container.droppable({ > accept: '.ob2', > drop: function(ev, ui) > { > > ui.draggable.clone().fadeOut("fast", > function() { > $(this).removeClass(); > $(this).resizable().parent().draggable({containment: > '#container' }); > $(this).fadeIn("fast"); > }).appendTo($(this)); > > } > }); > > }); > </script> > <style type="text/css"> > <!-- > #container { > width: 95%; > height:400px; > border:2px solid #ccc; > padding: 10px; > } > > #list { > width: 95%; > height:auto; > border:2px solid #ccc; > padding: 10px; > position: fixed; > } > --> > </style> > </head> > > <body> > > <div id="container"> > <img id="ob1" src="images/a.jpeg" width="200" height="200"> > </div> > > <div id="list"> > <img src="images/1.png" width="100" height="100" class="ob2" /> > <img src="images/2.png" width="100" height="100" class="ob2" /> > <img src="images/3.png" width="100" height="100" class="ob2" /> > <img src="images/4.png" width="100" height="100" class="ob2" /> > </div> > > </body> > </html> > > another question > > when i using jquery 1.2.6 > chrome and safari didn't work >
