Jquery Mobile select data-native-menu inside panel doesn't work

[mmjamal]

Jquery Mobile select data-native-menu inside panel doesn't work

[ajlkn]

Applying the skel-panels-ignore class to any anchor inside that menu should prevent panels from affecting it/being affected by it.

[mmjamal]

thanks i was able to work but some other issue came up - the jqm inbuilt select menu is coming behind the panel.
i have tried setting panels z-index to 1 but it is still coming behind the panel. any idea to fix it

[ajlkn]

Try disabling panels' use of CSS transforms as that may be conflicting with what you're trying to do.

http://skeljs.org/panels/docs#config-options-useTransform

[mmjamal]

Now it is working clicking on the select menu but then when i try to click an item from list it is closing again
i have tried putting skel-panels-ignore on those items. Still its not working - the items have an href="#"
any idea whats going on ?

thanks

[ajlkn]

If the menu you're using is generating new anchor tags that might be the
problem. Use your browser's dev tools to see if that's the case.

On 11/14/2013 7:11 PM, mmjamal wrote:

Now it is working clicking on the select menu but then when i try to click an item from list it is closing again
i have tried putting skel-panels-ignore on those items. Still its not working - the items have an href="#"
any idea whats going on ?

thanks

---

Reply to this email directly or view it on GitHub:
#23 (comment)

[mmjamal]

yes it is generating anchor tags for each of the select menu item however even though i add the class skel-panels-ignore to them it is not working.

[ajlkn]

That's because they're being dynamically generated. A workaround would
be to call this after you've initialized your menu (assuming your menu
has the id "mymenu"):

$('#mymenu a').addClass('skel-panels-ignore');

On 11/14/2013 7:29 PM, mmjamal wrote:

yes it is generating anchor tags for each of the select menu item however even though i add the class skel-panels-ignore to them it is not working.

---

Reply to this email directly or view it on GitHub:
#23 (comment)

[mmjamal]

the skel-panels-ignore class is added to the anchor class because i can see it in the firebug. but for some reason the panel closes as soon as you click an item from jqm custom select menu item.

[ajlkn]

Are they being added to every anchor tag inside that new menu?

On 11/14/2013 7:35 PM, mmjamal wrote:

the skel-panels-ignore class is added to the anchor class because i can see it in the firebug. but for some reason the panel closes as soon as you click an item from jqm custom select menu item.

---

Reply to this email directly or view it on GitHub:
#23 (comment)

[mmjamal]

yes they are