2011-10-13 17:59:10 +00:00
<!DOCTYPE html>
2012-01-04 21:59:17 +00:00
< html class = "ui-mobile-rendering" >
2011-10-13 17:59:10 +00:00
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title > jQuery Mobile Docs - Configuration< / title >
2012-01-10 21:35:08 +00:00
< link rel = "stylesheet" href = "../../css/themes/default/jquery.mobile.css" / >
2011-10-13 17:59:10 +00:00
< link rel = "stylesheet" href = "../_assets/css/jqm-docs.css" / >
2012-01-28 16:31:03 +00:00
< script src = "../../external/requirejs/require.js" > < / script >
< script src = "../../js/jquery.js" > < / script >
2011-10-13 17:59:10 +00:00
< script >
$(document).bind("mobileinit", function(){
$.mobile.touchOverflowEnabled = true;
});
< / script >
2012-01-28 16:31:03 +00:00
< script >
require( {
baseUrl: "../../js"
}) ( [ "jquery.mobile.docs" ] )
< / script >
2011-10-13 17:59:10 +00:00
< / head >
< body >
< div data-role = "page" class = "type-index" >
2011-11-15 16:32:57 +00:00
< div data-role = "header" data-theme = "f" data-position = "fixed" >
2011-10-13 17:59:10 +00:00
< h1 > Config applied< / h1 >
< a href = "../../" data-icon = "home" data-iconpos = "notext" data-direction = "reverse" class = "ui-btn-right jqm-home" > Home< / a >
< / div > <!-- /header -->
< div data-role = "content" >
< h2 > touchOverflowEnabled is now active< / h2 >
2011-11-15 16:32:57 +00:00
< p > The toolbar on this page should now be fixed, like a native toolbar. To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.< / p >
2011-10-13 17:59:10 +00:00
< a href = "../../index.html" data-role = "button" data-icon = "arrow-r" data-iconpos = "right" > Browse docs< / a >
2011-11-15 16:32:57 +00:00
< a href = "../pages/touchoverflow.html" data-role = "button" data-icon = "arrow-r" data-iconpos = "right" > touchOverflow docs< / a >
< h3 > Some good pages to test out:< / h3 >
< a href = "../toolbars/bars-fixed.html" data-role = "button" data-icon = "arrow-r" data-iconpos = "right" > Fixed toolbars< / a >
< a href = "../toolbars/bars-fullscreen.html" data-role = "button" data-icon = "arrow-r" data-iconpos = "right" > Fullscreen toolbars< / a >
< a href = "../toolbars/footer-persist-a.html" data-role = "button" data-icon = "arrow-r" data-iconpos = "right" > Fixed persistent footer< / a >
< a href = "../pages/page-dialogs.html" data-role = "button" data-icon = "arrow-r" data-iconpos = "right" > Dialogs & transitions< / a >
2011-10-13 17:59:10 +00:00
< / div > <!-- /ui - body wrapper -->
< / div > <!-- /page -->
< / body >
< / html >