diff --git a/docs/forms/forms-all-native.html b/docs/forms/forms-all-native.html new file mode 100755 index 00000000..4b6ff500 --- /dev/null +++ b/docs/forms/forms-all-native.html @@ -0,0 +1,208 @@ + + + + + jQuery Mobile Docs - Forms + + + + + + + +
+ +
+

Forms

+ Home +
+ +
+ +
+ +

Native form elements & buttons

+ +

Although the framework automatically enhances form elements and buttons into touch input optimized controls to streamline development, it's easy to tell jQuery Mobile to leave these elements alone so the standard, native control can be used instead.

+

Adding the data-role="none" attribute to any form or button element tells the framework to not apply any enhanced styles or scripting. The examples below all have this attribute in place to demonstrate the effect. You may need to write custom styles to lay out your form controls because we try to leave all the default styling intact.

+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ Choose as many snacks as you'd like: + + + + + + + + + + + +
+
+ +
+
+ Font styling: + + + + + + + + +
+
+ +
+
+ Choose a pet: + + + + + + + + + + + +
+
+ +
+
+ Layout view: + + + + + + +
+
+ +
+ + +
+ +
+ + +
+ + + + +

Button based button:

+ + +

Input type="button" based button:

+ + +

Input type="submit" based button:

+ + +

Input type="reset" based button:

+ + +

Input type="image" based button:

+ + +
+ +
+
+ + + diff --git a/docs/forms/index.html b/docs/forms/index.html index 2d621675..42024885 100755 --- a/docs/forms/index.html +++ b/docs/forms/index.html @@ -32,6 +32,7 @@
  • Checkboxes
  • Select menus
  • Theming forms
    • +
  • Native form elements
  • Submitting forms
  • Plugin methods
    • diff --git a/js/jquery.mobile.fixHeaderFooter.js b/js/jquery.mobile.fixHeaderFooter.js index 879cff0f..8273509a 100644 --- a/js/jquery.mobile.fixHeaderFooter.js +++ b/js/jquery.mobile.fixHeaderFooter.js @@ -119,7 +119,7 @@ $.fixedToolbars = (function(){ stickyFooter.addClass('ui-sticky-footer').before(footer); } footer.addClass('ui-footer-duplicate'); - stickyFooter.appendTo($.pageContainer).css('top',0); + stickyFooter.appendTo($.mobile.pageContainer).css('top',0); setTop(stickyFooter); } }); @@ -260,4 +260,4 @@ $.fixedToolbars = (function(){ }; })(); -})(jQuery); \ No newline at end of file +})(jQuery); diff --git a/js/jquery.mobile.navigation.js b/js/jquery.mobile.navigation.js index 55ccfb23..2d1630a3 100644 --- a/js/jquery.mobile.navigation.js +++ b/js/jquery.mobile.navigation.js @@ -178,7 +178,7 @@ //set the generated BASE element's href attribute to a new page's base path set: function( href ){ - base.element.attr('href', docBase + path.get( href )); + base.element.attr('href', docBase + path.get( href ).replace(/^\//, "")); }, //set the generated BASE element's href attribute to a new page's base path @@ -305,7 +305,7 @@ }); // save new page index - urlHistory.activeIndex = newActiveIndex ? newActiveIndex : urlHistory.activeIndex; + urlHistory.activeIndex = newActiveIndex !== undefined ? newActiveIndex : urlHistory.activeIndex; //if it's a back, use reverse animation if( back ){