Errata

jQuery Mobile: Up and Running

Errata for jQuery Mobile: Up and Running

Submit your own errata for this product.

The errata list is a list of errors and their corrections that were found after the product was released. If the error was corrected in a later version or reprint the date of the correction will be displayed in the column titled "Date Corrected".

The following errata were submitted by our customers and approved as valid errors by the author or editor.

Color key: Serious technical mistake Minor technical mistake Language or formatting error Typo Question Note Update

Version Location Description Submitted By Date submitted Date corrected
Auto-Growing Text Area
9th line

This line

<textarea id="comments" name="comments></textarea>

should be

<textarea id="comments" name="comments"></textarea>

Note from the Author or Editor:
On Page 120, on the source code "comments> should be replaced with "comments"> (closing quotation mark missing)

Don Braffitt  May 04, 2013 
PDF
Page 5
Dialogs

Hi,

The open dialog example does not work in Google Chrome.
It?s not your mistake, but it could be hard to figure out why the example is not working.

from console:
XMLHttpRequest cannot load file:///Users/martins/Work/jQueryMobile/dialog.html. Origin null is not allowed by Access-Control-Allow-Origin.

Security restrictions in Chrome makes sure JavaScript can?t read from the filesystem. Because of this the dialog will not be opened. It works in Safari and FireFox.
Might be nice to mention why it does not work in Chrome and suggest the readers to try an other browser. :)


http://stackoverflow.com/questions/4208530/xmlhttprequest-origin-null-is-not-allowed-access-control-access-allow-for-file


Cheers,
Martin Stabenfeldt

Note from the Author or Editor:
It's a warning if you are testing the samples in Chrome for desktop instead of a mobile browser.

mustachemartin  Aug 11, 2011 
117
Field Containers section

The code says data-role="fieldcontainer", but it should be data-role="fieldcontain".

Note from the Author or Editor:
Every data-role="fieldcontainer" should be replaced with data-role="fieldcontain"

Anonymous  May 03, 2012 
Printed, PDF
Page 164
Sample code of 2nd paragraph

$(document).bind("pageloadfailed", function(event, data) {
data.preventDefault();
// Custom error management
});

should be:

$(document).bind("pageloadfailed", function(event, data) {
event.preventDefault();
// Custom error management
});

Note from the Author or Editor:
"data.preventDefault()" should be replaced with "event.preventDefault()"

Mingway Huang  May 10, 2012 
Printed
Page 184
paragraph 5 - example

CACHE MANIFEST:
should read
CACHE MANIFEST
without the colon.
The colon will cause the manifest file to be considered invalid.

Note from the Author or Editor:
Sourcce code, CACHE MANIFEST should not end with a colon.

Robert A  Aug 14, 2013 
Printed
Page 190
paragraph 2 - example

history.reload();
should be
history.go(0);
since the reload method does not exist.

Note from the Author or Editor:
On the source code, instead of history.reload() it should be location.reload()

Robert A  Aug 14, 2013 
Printed, PDF
Page 226
9th and 10th line (Sample code)

In

<-- Image taking the device's 100% width with 20 pixels of margin -->
<img data-src="images/photo.png" data-role="dynamic-image" data-margin="50">

the comment (20 pixels of margin) and the code (data-margin="50") doesn't match.

Which one is correct according to Figure 10-1?

Note from the Author or Editor:
Replace "data-margin="50"" with "data-margin="20"

Mingway Huang  May 19, 2012 
Printed, PDF
Page 235
4th line of the paragraph about SplitView

"A SplitView
allows two panels to be on screen at the same time in portrait orientation as seen in
Figure 10-7."

according to Figure 10-7,
should it be:

"A SplitView
allows two panels to be on screen at the same time in landscape orientation as seen in
Figure 10-7." ?

Note from the Author or Editor:
Replace "... at the same time in portrait orientation..." with "... at the same time in landscape orientation..."

Mingway Huang  May 19, 2012 
Printed, PDF
Page 237
9th line of 2nd paragraph (the paragraph of MultiVew)

? Full-width panel (optional, for landscape)
? Popover panel (optional, for landscape)

should be

? Full-width panel (optional, for landscape)
? Popover panel (optional, for portrait)

?

Note from the Author or Editor:
Replace "Popover panel (optional, for landscape)" with "? Popover panel (optional, for portrait)"

Mingway Huang  May 20, 2012