JQuery 1.5 Data Api Changes Impacting JQuery UI -
i've upgraded jq 1.5 , jqui 1.8.9 , sortables have started behaving oddly. i've got linked sortables , when drag items across randomly seem stop , seems flaky. there changes required upgrade?
update -- getting number of errors in jquery ui js file
cannot read property 'sortables' of undefined on line 1504 cannot read property options of undefined on line 1585 , 1627 cannot read property 'element' of undefined on 1461
update -- here's minimal example
instructions: drag item red box (draggables) on first blue sortable box , second blue sortable box. drag should terminate when trying mouse second box.
it seems jquery ui not @ fault here, changing jquery reference 1.4.4 fixes issue think may problem in jquery itself, changes data api.
<!doctype html> <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/dark-hive/jquery-ui.css" rel="stylesheet" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script> <script type="text/javascript"> $(function () { $('.sortable').sortable({ connectwith: '.sortable' }).disableselection(); $('.draggable>div').draggable({ connecttosortable: '.sortable' }); }); </script> </head> <body> <style> .draggable { border: 1px solid red; margin-bottom: 15px; width: 50%; padding: 5px;} .sortable { border: 1px solid blue; margin-bottom: 15px; width: 50%; padding: 5px;} </style> <div id="draggers" class="draggable"> <div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>drag 1</div> <div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>drag 2</div> <div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>drag 3</div> </div> <div id="sortable" class="sortable"> <div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>sort 1</div> <div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>sort 2</div> <div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>sort 3</div> </div> <div id="sortable2" class="sortable"> <div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>sort 4</div> <div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>sort 5</div> <div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>sort 6</div> </div> </body>
it seems jquery 1.5 , jquery 1.8.9 not supported together. in case .clone method in 1.5 clones events didn't before , fix ready 1.5.1. jquery ticket
Comments
Post a Comment