{"id":735,"date":"2013-01-08T14:20:10","date_gmt":"2013-01-08T14:20:10","guid":{"rendered":"https:\/\/ibex.tech\/javascript\/?p=735"},"modified":"2022-02-17T07:14:47","modified_gmt":"2022-02-17T07:14:47","slug":"jquery-mobile-framework-files","status":"publish","type":"post","link":"https:\/\/ibex.tech\/javascript\/jquery-mobile\/starting-a-jquery-mobile-project\/jquery-mobile-framework-files","title":{"rendered":"1 &#8211; jQuery Mobile Framework Files"},"content":{"rendered":"<p>\nDecide on Host or link to the jQuery framework files\n<\/p>\n<h4>\nHosting The Files With Your Webapp<br \/>\n<\/h4>\n<p>\nDownload the following:\n<\/p>\n<p style=\"margin-left: 40px;\">\nThe&nbsp;jQuery&nbsp;Mobile package from <a href=\"http:\/\/jquerymobile.com\/download\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/jquerymobile.com\/download\/<\/a>\n<\/p>\n<p style=\"margin-left: 80px;\">\nGet the latest ZIP package.\n<\/p>\n<p style=\"margin-left: 40px;\">\nThe jQuery core from <a href=\"http:\/\/jquery.com\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/jquery.com<\/a>\n<\/p>\n<p style=\"margin-left: 80px;\">\nThe production version is recommended.\n<\/p>\n<p style=\"margin-left: 80px;\">\nInside the package there are two types of JavaScript \/ CSS files: one with the min suffix and one without. The files with the min suffix are the recommended version for production because they are minified (compressed, without spaces, comments and line-breaks). If you need to debug inside jQuery Mobile, you can use the non-suffixed versions.\n<\/p>\n<p>\nTypically you will add the following files to your project&rsquo;s root folder:\n<\/p>\n<p style=\"margin-left: 40px;\">\njquery-XX.js (from the jQuery core)<br \/>\nimages folder<br \/>\njquery.mobile-XX_min.js<br \/>\njquery.mobile-XX_min.css\n<\/p>\n<p>\nFiles with the structure name are also useful if we are going to create your own theme.\n<\/p>\n<h4>\nUsing A Content Delivery Network (CDN)<br \/>\n<\/h4>\n<p>\nThe obvious restriction with this approach is that the&nbsp;webapp will work only if the public CDN is online.\n<\/p>\n<p>\nNote that if you are creating hybrid or native apps (e.g.&nbsp;PhoneGap apps) you should not use a CDN as if the device has no connection you can&#39;t even show a nice alert using the framework. If you are creating HTML5 offline webapps you can use the CDN if you add them to the application manifest.\n<\/p>\n<pre>\r\n<code>\r\n&lt;link rel=&quot;stylesheet&quot; href=&quot;http:\/\/code.jquery.com\/mobile\/1.0\/jquery.mobile-1.0.min.css&quot; \/&gt;\r\n&lt;script src=&quot;http:\/\/code.jquery.com\/jquery-1.6.4.min.js&quot; &gt; &lt;\/script&gt;\r\n&lt;script src=&quot;http:\/\/code.jquery.com\/mobile\/ 1.0\/jquery.mobile-1.0.min.js&quot; &gt; &lt;\/script&gt;\r\n<\/code><\/pre>\n<h5>\nIf you are providing our own theme you would use the following<br \/>\n<\/h5>\n<pre>\r\n<code>\r\n&lt;link rel=&quot;stylesheet&quot; href=&quot;http:\/\/code.jquery.com\/mobile\/1.0\/jquery.mobile.structure-1.0.min.css&quot; \/&gt;\r\n&lt;-- Your theme CSS file here --&gt;\r\n&lt;script src=&quot;http:\/\/code.jquery.com\/jquery-1.6.4.min.js&quot; &gt; &lt;\/script&gt;\r\n&lt;script src=&quot;http:\/\/code.jquery.com\/mobile\/1.0\/jquery.mobile-1.0.min.js&quot; &gt; &lt;\/script&gt;\r\n<\/code><\/pre>\n<h5>\nTo always use the latest builds<br \/>\n<\/h5>\n<p>\nThis option is only normally used for development and testing purposes (you may get unstable development code!).\n<\/p>\n<pre>\r\n<code>\r\n&lt;link href=&quot;http:\/\/code.jquery.com\/mobile\/latest\/jquery.mobile.min.css&quot; rel=&quot;stylesheet&quot; type = &quot;text\/ css&quot; \/&gt;\r\n&lt;script src=&quot;http:\/\/code.jquery.com\/jquery-1.6.4.min.js&quot; &gt; &lt;\/script &gt;\r\n&lt;script src=&quot;http:\/\/code.jquery.com\/mobile\/latest\/jquery.mobile.min.js&quot; &gt; &lt;\/script &gt;\r\n<\/code><\/pre>\n<p>\n&nbsp;\n<\/p>\n<p>\n&nbsp;\n<\/p>\n<p>\n&nbsp;\n<\/p>\n<p>\n&nbsp;\n<\/p>\n<p>\n&nbsp;\n<\/p>\n<p>\n&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Decide on Host or link to the jQuery framework files Hosting The Files With Your Webapp Download the following: The&nbsp;jQuery&nbsp;Mobile package from http:\/\/jquerymobile.com\/download\/ Get the latest ZIP package. The jQuery core from http:\/\/jquery.com The production version is recommended. Inside the package there are two types of JavaScript \/ CSS files: one with the min suffix [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[82],"tags":[],"class_list":["post-735","post","type-post","status-publish","format-standard","hentry","category-starting-a-jquery-mobile-project"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/comments?post=735"}],"version-history":[{"count":17,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/735\/revisions"}],"predecessor-version":[{"id":3218,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/735\/revisions\/3218"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/media?parent=735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/categories?post=735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/tags?post=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}