Question

I’ve added the jQuery version of 1.10 to my project and the selectmenu widget and I cannot get the change event to fire.

The selectmenu was working fine before i upgraded to the 1.10.

What do I need to do to get this working?

var getProjectInfo=function(){

}

--I've tried this way

   var sel = helper.selectMaker.makeSelect(data);
       sel.change = getProjectInfo;
       $('#projsPH').appendChild(data);
       $(sel).selectmenu();


--And this way

**This way throws an error of selectmenu widget does not have a method change.

   var sel = helper.selectMaker.makeSelect(data);
       $('#projsPH').appendChild(data);
       $(sel).selectmenu('change', getProjectInfo);

————Update
I’ve got it to work like

$(sel).selectmenu({change:getProjectInfo});

But the selection will not collapse

Got the styles from Google

http://code.google.com/p/jquery-ui/source/browse/branches/labs/selectmenu/ui.selectmenu.css?r=2776

Answer 1

You’re using very outdated files. And I guess you are talking about jQuery UI 1.10.

Try the older but updated version: https://github.com/fnagel/jquery-ui/
Not sure of this version will work without problems with UI 1.10, not tested yet

Or, better, use the official but yet unreleased version: https://github.com/jquery/jquery-ui/tree/selectmenu