Basically, it disables values in multiple (other) select menus when selected in the first menu. It works fine when jQuery Mobile is not utilized, but as soon as I enable jQuery mobile, it stops working and users are able to select the same option for all of the available dropdowns (which we are trying to prevent).

I took the code to do this from a Stack Overflow posting, so I am unsure what piece is causing the conflict.

Currently on JQM 1.2.0. Thanks in advance for any assistance you can provide!

For some reason, the navbar I have created is 2px shorter than it should be. After digging around in Firebug, I was finally able to determine that this is due to the last button being 2px shorter than the others. Here is my code:

I do not have a custom stylesheet for this page or anything. At the current zoom of my browser, the 'inventory' and 'add' buttons are 211px wide, but 'remove' is only 209px. The <li> tags all show up at 211px, but the <a> tags within are 211, 211, 209.

In looking at the code auto-generated by jquerymobile, I didn't notice any special classes or anything assigned to that last button. All 3 buttons look the same in the HTML shown by Firebug.

The popup that is created for <select> elements using data-native-menu='false' is cutting off the text of my options. Does anyone know how I can customize the width of this popup? If possible, I'd prefer that it size itself based on the length of the longest option, unless it reaches the fullscreen width, in which case it could then clip the text.

The tracking information works fine, but really skews some of my data points such as pageviews, since I use data-prefetch heavily on my site. We are using jquerymobile for a mobile news site. Each category listing lists ~20 articles. The data for these articles are pre-loaded, so that the slide transition occurs immediately when clicked. My unique visits so far are only around 10,000, but I have 200,000 page views which I know is impossible.

Any thoughts or suggestions on how I might clean this up a bit to make these particular analytics more meaningful? The other information like visitor data, etc is fine.

Can anyone with a working knowledge of the jquerymobile back-end help me trouble shoot this? I have the following code that works fine on my site, until I enable jquerymobile. Then it fails to do what it's supposed to:

First of all, let me preface that while I understand jquery syntax and basic functions, my experience with all of the animations/effects is quite limited.

I am working on a panel that is positioned overtop of an accordion. The panel serves as a cover to hide the accordion content, until the user clicks on a button which slides the panel away (to the left), revealing the accordion behind.

From a technical standpoint, this is functioning using the code below:

<script type="text/javascript">

$(document).ready(function(){

$("button").click(function(){

$("#accordion_overlay").hide("slide", { direction: "left" }, 1000);

});

});

</script>

However, my panel is positioned within it's wrapper with a margin of 23px. Thus, when the slide effect is enabled, it slides through my margin area as opposed to underneath the wrapper (since the wrapper is on a lower level via z-index). How can I force the slide effect to honor this 23px margin when creating the animation?