From 60900941226faba2b267e9692fa805bb9a7bdeed Mon Sep 17 00:00:00 2001
From: andy matthews <andy@commadelimited.com>
Date: Wed, 8 Feb 2012 11:40:38 -0600
Subject: [PATCH] Changed pathing to root relative. Added mobileinit.js.
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit
⢠Changed pathing for all included files to root relative.
⢠Added mobileinit file to be used when binding is needed before any
other code is run.
⢠Added pathing in comments to each html, js, and css file
---
css/custom.css | 1 +
index.html | 15 ++++++++++-----
js/application.js | 5 +++--
js/mobileinit.js | 15 +++++++++++++++
snippets/buttons.html | 16 +++++++++++-----
snippets/collapsible-sets.html | 16 +++++++++++-----
snippets/collapsibles.html | 16 +++++++++++-----
snippets/forms.html | 16 +++++++++++-----
snippets/grids.html | 16 +++++++++++-----
snippets/lists.html | 16 +++++++++++-----
10 files changed, 95 insertions(+), 37 deletions(-)
create mode 100644 js/mobileinit.js
diff --git a/css/custom.css b/css/custom.css
index dd5df5e..f92f4cb 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1,3 +1,4 @@
/*
jQuery Mobile Boilerplate
+ css/custom.css
*/
\ No newline at end of file
diff --git a/index.html b/index.html
index 45aea54..51c1953 100644
--- a/index.html
+++ b/index.html
@@ -1,24 +1,29 @@
<!--
jQuery Mobile Boilerplate
+ index.html
-->
<!doctype html>
<html>
<head>
+ <title> jQuery Mobile Boilerplate </title>
+
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <title> jQuery Mobile Boilerplate </title>
+
+ <!-- jQuery Mobile CSS bits -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<!-- if you have a custom theme, add it here -->
- <link rel="stylesheet" href="themes/jQuery-Mobile-Boilerplate.css" />
+ <link rel="stylesheet" href="/themes/jQuery-Mobile-Boilerplate.css" />
<!-- Custom css -->
- <link rel="stylesheet" href="css/custom.css" />
+ <link rel="stylesheet" href="/css/custom.css" />
+ <!-- Javascript includes -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="js/application.js"></script>
+ <script src="/js/mobileinit.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
-
+ <script src="/js/application.js"></script>
</head>
<body>
<div data-role="page">
diff --git a/js/application.js b/js/application.js
index 721d4f5..0f091a9 100644
--- a/js/application.js
+++ b/js/application.js
@@ -1,8 +1,9 @@
/*
jQuery Mobile Boilerplate
+ application.js
*/
-$(document).bind("mobileinit", function(){
- // apply overrides here
+$(document).live("pageinit", function(event){
+ // custom code goes here
diff --git a/js/mobileinit.js b/js/mobileinit.js
new file mode 100644
index 0000000..2721829
--- /dev/null
+++ b/js/mobileinit.js
@@ -0,0 +1,15 @@
+/*
+ jQuery Mobile Boilerplate
+ mobileinit.js
+ http://jquerymobile.com/demos/1.0.1/docs/api/globalconfig.html
+
+ This file is only required if you need to apply overrides to the
+ page before anything else has run. It MUST be loaded before
+ the jQuery Mobile javascript file.
+*/
+$(document).bind('mobileinit', function(event){
+ // apply overrides here
+
+
+
+});
\ No newline at end of file
diff --git a/snippets/buttons.html b/snippets/buttons.html
index ff591c7..7bc9688 100644
--- a/snippets/buttons.html
+++ b/snippets/buttons.html
@@ -1,23 +1,29 @@
<!--
jQuery Mobile Boilerplate
+ /snippets/buttons.html
-->
<!doctype html>
<html>
<head>
+ <title> jQuery Mobile Boilerplate - Buttons</title>
+
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <title> jQuery Mobile Boilerplate </title>
+
+ <!-- jQuery Mobile CSS bits -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<!-- if you have a custom theme, add it here -->
- <link rel="stylesheet" href="themes/jQuery-Mobile-Boilerplate.css" />
+ <link rel="stylesheet" href="/themes/jQuery-Mobile-Boilerplate.css" />
- <link rel="stylesheet" href="css/custom.css" />
+ <!-- Custom css -->
+ <link rel="stylesheet" href="/css/custom.css" />
+ <!-- Javascript includes -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="js/application.js"></script>
+ <script src="/js/mobileinit.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
-
+ <script src="/js/application.js"></script>
</head>
<body>
<div data-role="page">
diff --git a/snippets/collapsible-sets.html b/snippets/collapsible-sets.html
index 0a7b582..5c3309c 100644
--- a/snippets/collapsible-sets.html
+++ b/snippets/collapsible-sets.html
@@ -1,23 +1,29 @@
<!--
jQuery Mobile Boilerplate
+ /snippets/collapsible-sets.html
-->
<!doctype html>
<html>
<head>
+ <title> jQuery Mobile Boilerplate </title>
+
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <title> jQuery Mobile Boilerplate </title>
+
+ <!-- jQuery Mobile CSS bits -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<!-- if you have a custom theme, add it here -->
- <link rel="stylesheet" href="themes/jQuery-Mobile-Boilerplate.css" />
+ <link rel="stylesheet" href="/themes/jQuery-Mobile-Boilerplate.css" />
- <link rel="stylesheet" href="css/custom.css" />
+ <!-- Custom css -->
+ <link rel="stylesheet" href="/css/custom.css" />
+ <!-- Javascript includes -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="js/application.js"></script>
+ <script src="/js/mobileinit.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
-
+ <script src="/js/application.js"></script>
</head>
<body>
<div data-role="page">
diff --git a/snippets/collapsibles.html b/snippets/collapsibles.html
index 5b63beb..c055858 100644
--- a/snippets/collapsibles.html
+++ b/snippets/collapsibles.html
@@ -1,23 +1,29 @@
<!--
jQuery Mobile Boilerplate
+ /snippets/collapsibles.html
-->
<!doctype html>
<html>
<head>
+ <title> jQuery Mobile Boilerplate - Collapsibles Content</title>
+
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <title> jQuery Mobile Boilerplate </title>
+
+ <!-- jQuery Mobile CSS bits -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<!-- if you have a custom theme, add it here -->
- <link rel="stylesheet" href="themes/jQuery-Mobile-Boilerplate.css" />
+ <link rel="stylesheet" href="/themes/jQuery-Mobile-Boilerplate.css" />
- <link rel="stylesheet" href="css/custom.css" />
+ <!-- Custom css -->
+ <link rel="stylesheet" href="/css/custom.css" />
+ <!-- Javascript includes -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="js/application.js"></script>
+ <script src="/js/mobileinit.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
-
+ <script src="/js/application.js"></script>
</head>
<body>
<div data-role="page">
diff --git a/snippets/forms.html b/snippets/forms.html
index 0fa48ef..cb1bf26 100644
--- a/snippets/forms.html
+++ b/snippets/forms.html
@@ -1,23 +1,29 @@
<!--
jQuery Mobile Boilerplate
+ /snippets/forms.html
-->
<!doctype html>
<html>
<head>
+ <title> jQuery Mobile Boilerplate - Forms & Elements</title>
+
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <title> jQuery Mobile Boilerplate </title>
+
+ <!-- jQuery Mobile CSS bits -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<!-- if you have a custom theme, add it here -->
- <link rel="stylesheet" href="themes/jQuery-Mobile-Boilerplate.css" />
+ <link rel="stylesheet" href="/themes/jQuery-Mobile-Boilerplate.css" />
- <link rel="stylesheet" href="css/custom.css" />
+ <!-- Custom css -->
+ <link rel="stylesheet" href="/css/custom.css" />
+ <!-- Javascript includes -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="js/application.js"></script>
+ <script src="/js/mobileinit.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
-
+ <script src="/js/application.js"></script>
</head>
<body>
<div data-role="page">
diff --git a/snippets/grids.html b/snippets/grids.html
index 0ef2fa4..ef39bda 100644
--- a/snippets/grids.html
+++ b/snippets/grids.html
@@ -1,23 +1,29 @@
<!--
jQuery Mobile Boilerplate
+ /snippets/grids.html
-->
<!doctype html>
<html>
<head>
+ <title> jQuery Mobile Boilerplate - Grids</title>
+
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <title> jQuery Mobile Boilerplate </title>
+
+ <!-- jQuery Mobile CSS bits -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<!-- if you have a custom theme, add it here -->
- <link rel="stylesheet" href="themes/jQuery-Mobile-Boilerplate.css" />
+ <link rel="stylesheet" href="/themes/jQuery-Mobile-Boilerplate.css" />
- <link rel="stylesheet" href="css/custom.css" />
+ <!-- Custom css -->
+ <link rel="stylesheet" href="/css/custom.css" />
+ <!-- Javascript includes -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="js/application.js"></script>
+ <script src="/js/mobileinit.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
-
+ <script src="/js/application.js"></script>
</head>
<body>
<div data-role="page">
diff --git a/snippets/lists.html b/snippets/lists.html
index aeed6df..e634663 100644
--- a/snippets/lists.html
+++ b/snippets/lists.html
@@ -1,23 +1,29 @@
<!--
jQuery Mobile Boilerplate
+ /snippets/lists.html
-->
<!doctype html>
<html>
<head>
+ <title> jQuery Mobile Boilerplate - Listviews</title>
+
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <title> jQuery Mobile Boilerplate </title>
+
+ <!-- jQuery Mobile CSS bits -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<!-- if you have a custom theme, add it here -->
- <link rel="stylesheet" href="themes/jQuery-Mobile-Boilerplate.css" />
+ <link rel="stylesheet" href="/themes/jQuery-Mobile-Boilerplate.css" />
- <link rel="stylesheet" href="css/custom.css" />
+ <!-- Custom css -->
+ <link rel="stylesheet" href="/css/custom.css" />
+ <!-- Javascript includes -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="js/application.js"></script>
+ <script src="/js/mobileinit.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
-
+ <script src="/js/application.js"></script>
</head>
<body>
<div data-role="page">
--
2.20.1