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

Popular posts from this blog

python - Scipy curvefit RuntimeError:Optimal parameters not found: Number of calls to function has reached maxfev = 1000 -

c# - How to add a new treeview at the selected node? -

java - netbeans "Please wait - classpath scanning in progress..." -