Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-05 07:01:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'master' of github.com:jquery/jquery-mobile

Browse source
This commit is contained in:
John Resig 2010-10-15 18:06:16 -04:00
commit ec616779b8
3 changed files with 21 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
docs/_assets/css/jqm-docs.css
View file

@ -2,4 +2,5 @@
.ui-mobile #jqm-homeheader { padding: 55px 25px 0; text-align: center }
.ui-mobile #jqm-homeheader h1 { margin: 0 0 10px; }
.ui-mobile #jqm-homeheader p { margin: 0; }
.ui-mobile #jqm-version { text-indent: -99999px; background: url(../images/version.png) top right no-repeat; width: 119px; height: 122px; overflow: hidden; position: absolute; top: 0; right: 0; }
.ui-mobile #jqm-version { text-indent: -99999px; background: url(../images/version.png) top right no-repeat; width: 119px; height: 122px; overflow: hidden; position: absolute; top: 0; right: 0; }
.ui-mobile .jqm-themeswitcher { clear: both; margin: 20px 0 -15px; }

29
docs/_assets/js/jqm-docs.js
View file

@ -1,15 +1,18 @@
//set up the theme switcher on the homepage
$(function(){
var lvli = $('#jqm-home ul:eq(2) li:eq(1)');
lvli
.clone()
.find('a:eq(0)')
.attr('href', '#')
.text('Theme switcher')
.click(function(){
$.themeswitcher();
return false;
})
.end()
.insertBefore(lvli);
$('div').live('pagecreate',function(){
if( !$(this).is('.ui-dialog')){
$('<a href="#">Switch theme</a>')
.buttonMarkup({
'icon':'gear',
'inline': true,
'shadow': false,
'theme': 'd'
})
.appendTo( $(this).find('.ui-content') )
.wrap('<div class="jqm-themeswitcher">')
.click(function(){
$.themeswitcher();
return false;
});
}
});

11
index.html
View file

@ -4,7 +4,7 @@
<title>jQuery UI Mobile Framework - Documentation</title>
<link rel="stylesheet" href="themes/default" />
<link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
<script type="text/javascript" src="js/all"></script>
<script src="js/all"></script>
<script src="experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
<script src="docs/_assets/js/jqm-docs.js"></script>
</head>
@ -41,15 +41,10 @@
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Demos</li>
<li><a href="experiments/api-viewer/index.html">jQuery API browser</a></li>
<li><a href="experiments/photos/_photo1.html">Photo viewer</a></li>
<li><a href="experiments/converter/index.html">Converter</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Experiments</li>
<li><a href="experiments/ui-datepicker">Date picker styling</a></li>
</ul>
</div>
</div>
</body>
</html>
</html>