jQuery Forum

Just launched update to our mobile site with JQM ver 1.1.0 and jQuery ver 1.7.2!

Is there a limit to length of data-url?
Here is our value and it is throwing Javascript error:
Error: Syntax error, unrecognized expression: data-url='/FlightStatus/ShareDetails?CarrierCode=UA&FlightNumber=1&Origin=IAH&Destination=HNL&DepartureCity=Houston%2C%20TX%20(IAH]&ArrivalCity=Honolulu%2C%20HI%20(HNL)&DepartureTime=9%3A41%20AM&ArrivalTime=1%3A01%20PM&DepartureDate=Mon.%2C%20Oct.%201%2C%202012&ArrivalDate=Mon.%2C%20Oct.%201%2C%202012&MarketingCarrierCode=UA&OperatingCarrierCode=UA&MarketingFlightNumber=1&OperatingFlightNumber=1') 

To reproduce:

1. Go to mobile.united.com.
2. Select Flight Status
3. Enter Flight 1
4. Click submit
5. On the Flight information and status results page, click Share Details.

There is a second error:

TypeError: e[0] is undefined. 

Although the new page is delivered to the DOM, this error doesn't allow the spinny to hide and the new page to display.

Any help will be truly appreciated. 

--Scott--

Android soft keys produces a "Next" button in the bottom right corner, however clicking it does not move you through the form

Steps to reproduce in our production site:
Android phone only
go to mobile.united.com
Select "smartphone version"
choose "Book Flight"
1) Touch in the "From:" field (autosuggest)
click "Next" in the soft keyboard-- the focus seems to be lost - no form element has the focus.

2) Touch in the Departure Date field
The Datepicker modal is displayed.
Click "Next: in the soft keyboard - no action happens.

3) Is there a method to disable the soft keyboard from popping up when using the datepicker, since it uses up 1/2 the screen and you don't interact with it.

We stripped out all functions running on mobleInit and page init, removed all extensions, so we only had jQuery and JQM loaded.

When transitioning from one page to another on form post, we see the "stop slow script running" JavaScript alert thrown by IE7 on desktop. On a device (Windows phone with IE7, iPhone 3G Safari, ) the page hangs and doesn't transition.

The ui-loader is displayed, (but the animated GIF is stopped)

I see that the results page is passed to the browser (via Fiddler) but not displayed.

This can be observed on our production site:  mobile.united.com by carrying out the following steps:

1) Go to mobile.united.com
2) click on bottom link for Smartphone version.
3) Click on Book Flights link
4) Choose One Way tab
5) Enter Origin ORD Destination DEN, a select any date in the future.
6) Click Search

In order to see this, you must use Native IE8 with IE7 compatibility mode, or IE7 native. It does NOT happen in IE9 with IE7 compatibility mode, nor IE8 native.

We have tried the following version with similar results:

jquery.mobile-1.0rc1.min.js
jquery.mobile.1.0.1.min.js
jquery.mobile.1.1.0.min.js
jquery.mobile.1.1.1.min.js

Our staging site is pretty stable in browsers Firefox and IE9, but we're seeing issues with
IPhone 3G Safari V4.2.1
HTC Windows IE V7.0
I am able to reproduce issue in native IE7 as well.

On posting the form, I see result has come back to the browser (with Fiddler), yet it does not display. The ui-loader div continues to display, then we eventually get the popup, "A script on this page is causing Internet Explorer to run slowly."

My changes include:
jquery.mobile-1.0rc1.min.js updated to jquery.mobile-1.1.0.min.js
jquery updated from 1.6.4.js to 1.8.0

Changed approach to how our functions are called during page load events

     $('div[data-role="page"]').live('pagecreate', function (event) {

to

    $(document).live('pageinit', function (event) {

I can't post link to our Staging site to share, so this may be very difficult to discuss.

On reload of a page, the data-url doesn't match (because of session ID is attached to the URL) so a redisplay of the page doesn't over-write the content, but produces a new ID. I need it to be destroyed to avoid duplicate IDs on the page.

I've found two methods, and perhaps there is a better solution!

1.     $(document).delegate('#VUID_CheckIn_DisplayEBP', 'pageremove', function () {
2.         $('#VUID_CheckIn_DisplayEBP').remove();
3.     });

A second solution:

1.   $('#VUID_CheckIn_DisplayEBP').live('pagehide', function (event, ui) {
2.     var page = jQuery(event.target);
3.         page.remove();
4. });

United/Continental Airlines is developing mobile web and relying heavily on jQuery Mobile. We've hit some issues are we're going to need some support. Should I start a topic with our issues? Start an email group?