Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
jQuery Mobile Web Development Essentials-Third Edition

You're reading from   jQuery Mobile Web Development Essentials-Third Edition Build a powerful and practical jQuery-based framework in order to create mobile-optimized websites

Arrow left icon
Product type Paperback
Published in Mar 2016
Publisher
ISBN-13 9781783555055
Length 266 pages
Edition 3rd Edition
Languages
Arrow right icon
Authors (2):
Arrow left icon
Andy Matthews Andy Matthews
Author Profile Icon Andy Matthews
Andy Matthews
Raymond Camden Raymond Camden
Author Profile Icon Raymond Camden
Raymond Camden
Arrow right icon
View More author details
Toc

Table of Contents (15) Chapters Close

Preface 1. Preparing Your First jQuery Mobile Project FREE CHAPTER 2. Working with jQuery Mobile Pages 3. Enhancing Pages with Headers, Footers, and Toolbars 4. Working with Lists 5. Getting Practical – Building a Simple Hotel Mobile Website 6. Working with Forms and jQuery Mobile 7. Creating Grids, Panels, and Other Widgets 8. Moving Further with the Notekeeper Mobile Application 9. jQuery Mobile Configuration, Utilities, and JavaScript Methods 10. Working with Events 11. Enhancing jQuery Mobile 12. Creating Native Applications 13. Becoming an Expert – Building an RSS Reader Application Index

jQuery Mobile, links, and you

When jQuery Mobile encounters a simple link (<a href="something.html">Foo</a>), it will automatically capture any clicks on that link and change it to an AJAX-based load. This means that if it detects that the target is something on the same page, that is, the hashmark style (href="#foo") links we used in the previous code, it will handle transitioning the user to a new page. If it detects a page to another file on the same server, it will use AJAX to load the page and replace the currently visible one.

If you link to an external website, then jQuery Mobile will leave the link as it is and the normal link behavior will occur. There may be times when you may want to disable jQuery Mobile from doing anything with your links at all. In this case, you can make use of a data attribute that lets the framework know it shouldn't do anything at all. Here is an example:

<a href="foo.html" data-ajax="false"&gt...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image