CODEWITHSUNDEEP
jquery-mobile
user2525537
user2525537

Reputation:

options in select menu do not scroll in JQuery mobile

I have a a select menu in jquery mobile site you can find the work here: http://www.emadzedan.com/TicketsJOMobile/#checkout

Note: please try to see the (Days) select menu

I tried to make it custom pop up menu but JQuery do not respond and I tried to make it native but the options do not scroll it is shown as in the link the options is long and exceeds the page height.

So I'm stuck at this (error) and I searched the internet for more than 2 days but no one is saying anything about it.

Upvotes: 0

Views: 1281

Answers (1)

user2525537
user2525537

Reputation:

the final and perfect answer is the above to answers but two clear things up:

1)it is actually conflicting with JQuery UI and putting it before JQuery Mobile solve the issue.

but:

if you trying to use JQuery UI Menus (Styles) you need to add the following Styles in your CSS file:

.ui-selectmenu-menu .ui-menu{
     height:150px;
}
/* Note to modify the height of the select menu for specific menu use (ID-menu)*/
#year_Traveler4-menu{
    height:50px !important;
}

Thanks All

Upvotes: 1

Related Questions