CINXE.COM

<!doctype html> <html class="no-js" lang="en-US"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>jQuery Mobile</title> <meta name="author" content="OpenJS Foundation - openjsf.org"> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <link rel="shortcut icon" href="https://jquerymobile.com/wp-content/themes/jquerymobile.com/i/favicon.ico"> <link rel="stylesheet" href="https://jquerymobile.com/wp-content/themes/jquery/lib/typesense-minibar/typesense-minibar.css?v=c5fa9b9a"> <link rel="stylesheet" href="https://jquerymobile.com/wp-content/themes/jquery/css/base.css?v=9fa813cf"> <link rel="stylesheet" href="https://jquerymobile.com/wp-content/themes/jquerymobile.com/style.css?v=eb658765"> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script src="https://jquerymobile.com/wp-content/themes/jquery/js/main.js?v=10baaffd"></script> <script defer type="module" src="https://jquerymobile.com/wp-content/themes/jquery/lib/typesense-minibar/typesense-minibar.js?v=830f1ee1"></script> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="https://api.w.org/" href="https://jquerymobile.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://jquerymobile.com/wp-json/wp/v2/pages/18" /><meta name="generator" content="WordPress 6.7.1" /> <link rel="canonical" href="https://jquerymobile.com/" /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://jquerymobile.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjquerymobile.com%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://jquerymobile.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjquerymobile.com%2F&format=xml" /> </head> <body class="jquery-mobile home page-template page-template-page-fullwidth page-template-page-fullwidth-php page page-id-18 page-slug-index single-author singular"> <header> <section id="global-nav"> <nav> <div class="constrain"> <ul class="projects"> <li class="project jquery"><a href="https://jquery.com/" title="jQuery">jQuery</a></li> <li class="project jquery-ui"><a href="https://jqueryui.com/" title="jQuery UI">jQuery UI</a></li> <li class="project jquery-mobile"><a href="https://jquerymobile.com/" title="jQuery Mobile">jQuery Mobile</a></li> <li class="project sizzlejs"><a href="https://sizzlejs.com/" title="Sizzle">Sizzle</a></li> <li class="project qunitjs"><a href="https://qunitjs.com/" title="QUnit">QUnit</a></li> </ul> <ul class="links"> <li><a href="https://plugins.jquery.com/">Plugins</a></li> <li class="dropdown"><a href="https://contribute.jquery.org/">Contribute</a> <ul> <li><a href="https://cla.openjsf.org/">CLA</a></li> <li><a href="https://contribute.jquery.org/style-guide/">Style Guides</a></li> <li><a href="https://contribute.jquery.org/triage/">Bug Triage</a></li> <li><a href="https://contribute.jquery.org/code/">Code</a></li> <li><a href="https://contribute.jquery.org/documentation/">Documentation</a></li> <li><a href="https://contribute.jquery.org/web-sites/">Web Sites</a></li> </ul> </li> <li class="dropdown"><a href="https://events.jquery.org/">Events</a> <ul class="wide"> </ul> </li> <li class="dropdown"><a href="https://jquery.com/support/">Support</a> <ul> <li><a href="https://learn.jquery.com/">Learning Center</a></li> <li><a href="https://jquery.com/support/">Chat</a></li> <li><a href="https://stackoverflow.com/tags/jquery/info">Stack Overflow</a></li> <li><a href="https://contribute.jquery.org/bug-reports/">Report a bug</a></li> </ul> </li> <li class="dropdown"><a href="https://openjsf.org/">OpenJS Foundation</a> <ul> <li><a href="https://openjsf.org/join">Join</a></li> <li><a href="https://openjsf.org/members">Members</a></li> <li><a href="https://jquery.com/team">jQuery Team</a></li> <li><a href="https://openjsf.org/governance">Governance</a></li> <li><a href="https://code-of-conduct.openjsf.org/">Conduct</a></li> <li><a href="https://openjsf.org/projects">Projects</a></li> </ul> </li> </ul> </div> </nav> </section> </header> <div id="container"> <div id="logo-events" class="constrain clearfix"> <h2 class="logo"><a href="/" title="jQuery Mobile">jQuery Mobile</a></h2> <aside id="broadcast"></aside> </div> <nav id="main" class="constrain clearfix"> <div class="menu-top-container"> <button hidden id="menu-trigger" class="button menu-trigger" aria-expanded="false" aria-haspopup="menu">Navigation</button> <ul id="menu-top" class="menu" role="menu" aria-labelledby="menu-trigger"> <li class="menu-item"><a href="https://jquerymobile.com/demos/">Demos</a></li> <li class="menu-item"><a href="https://jquerymobile.com/download/">Download</a></li> <li class="menu-item"><a href="https://api.jquerymobile.com/">API Documentation</a></li> <li class="menu-item"><a href="https://themeroller.jquerymobile.com">Themes</a></li> <li class="menu-item"><a href="https://jquerymobile.com/resources/">Resources</a></li> <li class="menu-item"><a href="https://blog.jquerymobile.com/">Blog</a></li> <li class="menu-item"><a href="https://jquerymobile.com/about/">About</a></li> </ul> </div> <typesense-minibar data-origin="https://typesense.jquery.com" data-collection="jquerymobile_com" data-key="Zh8mMgohXECel9wjPwqT7lekLSG3OCgz" data-foot="true" data-group="true" > <form role="search" class="searchform" action="https://jquerymobile.com/" method="get"> <input type="search" name="s" aria-label="Search jQuery Mobile" value="" placeholder="Search" autocomplete="off"> <button type="submit" class="visuallyhidden"></button> </form> </typesense-minibar> </nav> <div id="content-wrapper" class="clearfix row"> <div class="content-full full-width twelve columns"> <div id="content"> <div id="banner-secondary" class="clearfix"> <div class="banner-jquery-mobile-no-support"> <h2>jQuery Mobile is no longer supported</h2> <p>To read more about the status of the jQuery Mobile project, see the <a href="https://blog.jquerymobile.com/2021/10/07/jquery-maintainers-continue-modernization-initiative-with-deprecation-of-jquery-mobile/">announcement blog post</a>.</p> </div> <div id="description"> <h1>A Touch-Optimized Web Framework</h1> <p class="intro">jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.</p> </div> <div class="download-box"> <h2>Download jQuery Mobile</h2> <div class="download-option"> <a href="https://jquerymobile.com/download-builder/" class="button">Custom download</a> </div> <div class="download-option"> <a href="https://jquerymobile.com/resources/download/jquery.mobile-1.4.5.zip" class="button">Latest stable</a> <span>Version 1.4.5</span> <span>jQuery 1.8 - 1.11 / 2.1</span> </div> </div> </div> <div id="home-content" class="clearfix row"> <aside class="dev-links columns four"> <h3>Developer Links</h3> <ul> <li><a href="https://github.com/jquery/jquery-mobile">Source Code (GitHub)</a></li> <li>jQuery Mobile Git (WIP Build) <ul> <li><a href="https://releases.jquery.com/git/mobile/git/jquery.mobile-git.js">JavaScript</a></li> <li><a href="https://releases.jquery.com/git/mobile/git/jquery.mobile-git.css">CSS</a></li> </ul> </li> <li><a href="https://github.com/jquery/jquery-mobile/blob/master/CONTRIBUTING.md#issues">Report an issue</a></li> <li><a href="/browser-support/">Browser Support</a></li> <li><a href="/changelog/">Changelogs</a></li> <li><a href="/upgrade-guide/">Upgrade Guides</a></li> <li><a href="roadmap/">Roadmap</a></li> <li>Discussion Forum <ul> <li><a href="https://forum.jquery.com/jquery-mobile/">jQuery Mobile</a></li> <li><a href="https://forum.jquery.com/developing-jquery-mobile/">Developing jQuery Mobile</a></li> </ul> </li> </ul> </aside> <article id="project-strategy" class="eight columns"> <h2 class="block">Seriously cross-platform with HTML5</h2> <img decoding="async" src="/resources/devices.png" id="jqm-devices" alt="devices"> <p class="seriously-cross-platform">jQuery Mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique applications for each mobile device or OS, the jQuery mobile framework allows you to design a single highly-branded responsive web site or application that will work on all popular smartphone, tablet, and desktop platforms.</p> <p><a href="/browser-support/">Browser Support</a></p> </article> <article id="themeroller" class="eight columns"> <h2 class="block">Theming: Built to be branded</h2> <a href="https://themeroller.jquerymobile.com" id="themeroller-logo"><img decoding="async" src="/resources/themeroller-mobile-logo.png" alt="ThemeRoller"></a> <p>We believe that your web site or app should feel like your brand, not any particular OS. To make building highly customized themes easy, we've created <a href="https://themeroller.jquerymobile.com">ThemeRoller for Mobile</a> to make it easy to drag and drop colors and download a custom theme. For polished visuals without the bloat, we leverage CSS3 properties like <code>text-shadow</code> and <code>box-shadow</code>.</p> </article> <article id="download" class="eight columns"> <h2 class="block">Download builder: Customize for speed</h2> <p>We recommend using our tool to build a custom bundle that contains only the components you need. The builder generates a custom JavaScript file, as well as full and structure-only stylesheets for production use.</p> <p><a href="https://jquerymobile.com/download-builder/">Download Builder</a></p> </article> </div> </div> </div> </div> </div> <footer class="clearfix simple"> <div class="constrain"> <div id="legal" class="legal"> <ul class="footer-site-links"> <li><a class="icon-pencil" href="https://learn.jquery.com/">Learning Center</a></li> <li><a class="icon-comments" href="https://jquery.com/support/">Chat</a></li> <li><a class="icon-twitter" href="https://twitter.com/jquerymobile">Twitter</a></li> <li><a class="icon-github" href="https://github.com/jquery">GitHub</a></li> </ul> <p class="copyright"> Copyright 2024 <a href="https://openjsf.org/">OpenJS Foundation</a> and jQuery contributors. All rights reserved. See <a href="https://jquery.com/license/">jQuery License</a> for more information. The <a href="https://openjsf.org/">OpenJS Foundation</a> has registered trademarks and uses trademarks. For a list of trademarks of the <a href="https://openjsf.org/">OpenJS Foundation</a>, please see our <a href="https://trademark-policy.openjsf.org/">Trademark Policy</a> and <a href="https://trademark-list.openjsf.org/">Trademark List</a>. Trademarks and logos not indicated on the <a href="https://trademark-list.openjsf.org/">list of OpenJS Foundation trademarks</a> are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them. OpenJS Foundation <a href="https://terms-of-use.openjsf.org/">Terms of Use</a>, <a href="https://privacy-policy.openjsf.org/">Privacy</a>, and <a href="https://www.linuxfoundation.org/cookies">Cookie</a> Policies also apply. </p> <p><a href="https://www.digitalocean.com" class="do-link">Web hosting by Digital Ocean</a> | <a href="https://www.fastly.com/">CDN by Fastly</a> | <a href="https://wordpress.org/" class="wp-link">Powered by WordPress</a></p> </div> </div> </footer> </body> </html>