I am using the jQueryUI SelectMenu, to style our dropdowns. However, I need to show the native scroll wheel interface when on mobile, as the menu's are just too long on mobile.
Menu: http://jqueryui.com/selectmenu/
Is there a way to have the jQueryUI interface on desktop, but on tablets and mobiles, upon clicking the menu, the native device selector wheel appears on the screen?
I have searched and searched, but can't find an answer for this. Already checked previous questions on SO, but couldnt find it. Unless I was using the wrong keywords.
Also, noticed that in searches, jQueryMobile selectmenu came up, but this is something different. Hope I dont have to switch to this, as it would require a lot of rework.
Any advise? Please :)
No, there is no support for native menu on mobile devices. It would introduce issues with the callback events, etc. as it's not possible to hook in native menu events (open, close, etc.).
I've implemented an extension to enable native menus but it's a little outdated. Anyway, it should give you an idea and probably fits your needs. Please note that the callbacks events won't work when using the native menu.
https://github.com/fnagel/jquery-ui-extensions/tree/selectmenu