diff --git a/docs/api/index.html b/docs/api/index.html index 7a747085..a82f55eb 100644 --- a/docs/api/index.html +++ b/docs/api/index.html @@ -20,9 +20,9 @@ diff --git a/docs/api/mediahelpers.html b/docs/api/mediahelpers.html index d7470e19..9ea9c929 100755 --- a/docs/api/mediahelpers.html +++ b/docs/api/mediahelpers.html @@ -2,7 +2,7 @@ - jQuery Mobile Docs - Targeting Orientation and Resolution + jQuery Mobile Docs - Responsive Layout Helpers @@ -12,7 +12,7 @@
-

Targeting Orientation and Resolution

+

Responsive Layout Helpers

diff --git a/docs/forms/index.html b/docs/forms/index.html index 6f0675c7..7d1262b8 100755 --- a/docs/forms/index.html +++ b/docs/forms/index.html @@ -31,6 +31,7 @@
  • Select menus
  • Theming forms
  • Submitting forms
    • +
  • Plugin methods
    • diff --git a/docs/forms/plugin-eventsmethods.html b/docs/forms/plugin-eventsmethods.html new file mode 100755 index 00000000..535d49e0 --- /dev/null +++ b/docs/forms/plugin-eventsmethods.html @@ -0,0 +1,130 @@ + + + + + jQuery Mobile Docs - Form Plugin Methods + + + + + + +
    + +
    +

    Form Plugin Methods

    +
    + +
    + +

    After jQuery Mobile auto-enhances form controls into custom controls, you can manipulate many of their properties via plugin methods. The currently available methods are listed below. Check Github for updates - we're working on complete coverage.

    + +

    Selectmenu

    +
    +
    Methods
    +
    open open a closed select menu
    +
    + 
    
+$('select').selectmenu('open');			
+
    +
    + +
    close close an open select menu
    +
    + 
    
+$('select').selectmenu('close');			
+
    +
    + +
    refresh: Update the custom menu to reflect the native select element's value. If the number of options in the select are different than the number of items in the custom menu, it'll rebuild the custom menu. Also, if you pass a true argument you can force the rebuild to happen.
    +
    + 
    
+//refresh value			
+$('select').selectmenu('refresh');
+
+//refresh and force rebuild
+$('select').selectmenu('refresh', true);
+
    +
    + +
    enable: enable a disabled select.
    +
    + 
    
+$('select').selectmenu('enable');			
+
    +
    + +
    disable: disable a select.
    +
    + 
    
+$('select').selectmenu('disable');			
+
    +
    + +
    + + + + + + +

    Textinput

    +
    +
    Methods
    + +
    enable: enable a disabled textinput/textarea.
    +
    + 
    
+$('input').textinput('enable');			
+
    +
    + +
    disable: disable a textinput/textarea.
    +
    + 
    
+$('textarea').textinput('disable');			
+
    +
    + +
    + + + + + +

    checkboxradio

    +
    +
    Methods
    + +
    enable: enable a disabled checkboxradio.
    +
    + 
    
+$('input').checkboxradio('enable');			
+
    +
    + +
    disable: disable a checkboxradio.
    +
    + 
    
+$('textarea').checkboxradio('disable');			
+
    +
    + +
    refresh: refresh a checkboxradio's value.
    +
    + 
    
+$('textarea').checkboxradio('refresh');			
+
    +
    +
    + + + + + +
    + +
    + + + \ No newline at end of file diff --git a/docs/lists/docs-lists.html b/docs/lists/docs-lists.html index 578010d2..9a466bf0 100755 --- a/docs/lists/docs-lists.html +++ b/docs/lists/docs-lists.html @@ -84,6 +84,12 @@

    If lists are embedded in a page with other types of content, an inset list packages the list into a block that sits inside the content area with a bit of margin and rounded corners (theme controlled). By adding the data-inset="true" attribute to the list (ul or ol), applies the inset appearance.

    Inset list example + +

    Updating lists

    +

    If you add items to a listview, you'll need to call the refresh() method on it to update the styles and create any nested lists that are added. For example, $('ul').listview('refresh');

    + +

    We're currently working on a few improvements to the refresh method, so keep your eye on Github for updates.

    +
    diff --git a/docs/toolbars/docs-headers.html b/docs/toolbars/docs-headers.html index f5726ebb..bf3e66bf 100755 --- a/docs/toolbars/docs-headers.html +++ b/docs/toolbars/docs-headers.html @@ -103,6 +103,13 @@

    Page Title

    Options + +

    Customizing the back button text

    + +

    If you'd like to configure the back button text, you can either use the data-back-btn-text="previous" attribute on your page element, or set it programmatically via the page plugin's options: $.mobile.page.prototype.options.backBtnText = "previous";. If you're doing this programmatically, set this option inside the mobileinit event handler.

    + + +

    Custom header configurations

    If you need to to create a header that doesn't follow the default configuration, simply wrap your custom styled markup in a container div inside the header container and the plugin won't apply the automatic button logic so you can write custom styles for laying out the content in your header.

    diff --git a/experiments/themeswitcher/jquery.mobile.themeswitcher.js b/experiments/themeswitcher/jquery.mobile.themeswitcher.js index 0709dca7..e5ce7e3b 100644 --- a/experiments/themeswitcher/jquery.mobile.themeswitcher.js +++ b/experiments/themeswitcher/jquery.mobile.themeswitcher.js @@ -3,7 +3,7 @@ $.themeswitcher = function(){ var themesDir = 'http://jquerymobile.com/test/themes/', themes = ['default','valencia'], - currentPage = $.activePage, + currentPage = $.mobile.activePage, menuPage = $( '
    ' + '
    ' + '
    Switch Theme:
    '+ diff --git a/index.html b/index.html index 097de053..974c3a5d 100755 --- a/index.html +++ b/index.html @@ -30,9 +30,9 @@ diff --git a/js/jquery.mobile.forms.select.js b/js/jquery.mobile.forms.select.js index 3db0f945..d9c96dd4 100644 --- a/js/jquery.mobile.forms.select.js +++ b/js/jquery.mobile.forms.select.js @@ -246,7 +246,10 @@ $.widget( "mobile.selectmenu", $.mobile.widget, { var self = this; function focusButton(){ - setTimeout(self.button.focus, 40); + setTimeout(function(){ + self.button.focus(); + }, 40); + self.listbox.removeAttr('style').append( self.list ); }