Since the native checkbox is used as a proxy for the custom checkbox, you can watch for events on the original, native checkbox instead of needing to go through the checkbox plugin. Bind to the change event by type: change, blur, focus, keypress, click, etc.
-
+ Bind events directly to the input element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:
+
$("input[type='checkbox']").bind( "change", function(event, ui) {
...
});
-
+The checkbox plugin has the following custom events:
@@ -47,8 +47,7 @@ $("input[type='checkbox']").bind( "change", function(event, ui) {create triggered when a checkbox is createdThis event is used to find out when a custom checkbox was created. It is not used to create a custom checkbox. The checkbox create event can be used like this:
- +
$("input[type='checkbox']").checkboxradio({
create: function(event, ui) { ... }
@@ -74,7 +73,7 @@ $("input[type='checkbox']").checkboxradio({
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/checkboxes/index.html b/docs/forms/checkboxes/index.html
index df82f6be..08ad1828 100755
--- a/docs/forms/checkboxes/index.html
+++ b/docs/forms/checkboxes/index.html
@@ -108,12 +108,6 @@
-Refreshing a checkbox
-
-If you manipulate a radiobutton via JavaScript, you must call the refresh method on it to update the visual styling. Here is an example:
-
-$("input[type='checkbox']").attr("checked",true).checkboxradio("refresh");
-
@@ -133,7 +127,7 @@ $("input[type='checkbox']").attr("checked",true).checkboxradio("refresh");
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/checkboxes/methods.html b/docs/forms/checkboxes/methods.html
index dc3fedf1..9d1fd0e3 100644
--- a/docs/forms/checkboxes/methods.html
+++ b/docs/forms/checkboxes/methods.html
@@ -77,7 +77,7 @@ $("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh");
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/checkboxes/options.html b/docs/forms/checkboxes/options.html
index 9426c032..1596e5fd 100644
--- a/docs/forms/checkboxes/options.html
+++ b/docs/forms/checkboxes/options.html
@@ -41,7 +41,7 @@
theme string
default: null, inherited from parent
- Sets the theme swatch color scheme for the checkbox. This is a single letter from a-z that maps to the swatches included in your theme. By default, a checkbox will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"
+ Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"
$("input[type='checkbox']").checkboxradio({ theme: "a" });
@@ -62,7 +62,7 @@
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/radiobuttons/events.html b/docs/forms/radiobuttons/events.html
index 9cbd9b0c..dfc52c33 100644
--- a/docs/forms/radiobuttons/events.html
+++ b/docs/forms/radiobuttons/events.html
@@ -34,8 +34,9 @@
Events
- Since the native radio button is used as a proxy for the custom radio button, you can watch for events on the original, native radio button instead of needing to go through the radio button plugin. Bind to the change event by type: change, blur, focus, keypress, click, etc.
-
+
+ Bind events directly to the input element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:
+
$("input[type='radio']").bind( "change", function(event, ui) {
...
});
@@ -47,7 +48,7 @@ $("input[type='radio']").bind( "change", function(event, ui) {
create triggered when a radio button is created
- This event is used to find out when a custom radio button was created. It is not used to create a custom radio button. The radio button create event can be used like this:
+
$("input[type='radio']").checkboxradio({
@@ -74,7 +75,7 @@ $("input[type='radio']").checkboxradio({
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/radiobuttons/index.html b/docs/forms/radiobuttons/index.html
index 11f89686..040e6554 100755
--- a/docs/forms/radiobuttons/index.html
+++ b/docs/forms/radiobuttons/index.html
@@ -137,7 +137,7 @@ $("input[type='radio']").attr("checked",true).checkboxradio("refresh");
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/radiobuttons/methods.html b/docs/forms/radiobuttons/methods.html
index 74b9559c..c1fb09e3 100644
--- a/docs/forms/radiobuttons/methods.html
+++ b/docs/forms/radiobuttons/methods.html
@@ -77,7 +77,7 @@ $("input[type='radio']:first").attr("checked",true).checkboxradio("refresh");
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/radiobuttons/options.html b/docs/forms/radiobuttons/options.html
index a0fa695e..ec480904 100644
--- a/docs/forms/radiobuttons/options.html
+++ b/docs/forms/radiobuttons/options.html
@@ -41,7 +41,7 @@
theme string
default: null, inherited from parent
- Sets the theme swatch color scheme for the radio button. This is a single letter from a-z that maps to the swatches included in your theme. By default, a radio button will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"
+ Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"
$("input[type='radio']").checkboxradio({ theme: "a" });
@@ -62,7 +62,7 @@
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/selects/events.html b/docs/forms/selects/events.html
index d78aa916..1335b30d 100644
--- a/docs/forms/selects/events.html
+++ b/docs/forms/selects/events.html
@@ -34,9 +34,10 @@
Events
- Since the native select menu is used as a proxy for the custom select, you can watch for events on the original, native select instead of needing to go through the select menu plugin. Bind to the change event by type: change, blur, focus, keypress, click, etc.
+
+Bind events directly to the select element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:
-$( ".selector" ).bind( "change", function(event, ui) {
+$(".mySelect").bind( "change", function(event, ui) {
...
});
@@ -47,7 +48,6 @@ $( ".selector" ).bind( "change", function(event, ui) {
create triggered when a select menu is created
- This event is used to find out when a custom select was created. It is not used to create a custom select. The select create event can be used like this:
$( ".selector" ).selectmenu({
@@ -74,7 +74,7 @@ $( ".selector" ).selectmenu({
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/selects/index.html b/docs/forms/selects/index.html
index 02c24625..38387e59 100644
--- a/docs/forms/selects/index.html
+++ b/docs/forms/selects/index.html
@@ -451,7 +451,7 @@ $('select').selectmenu();
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/selects/methods.html b/docs/forms/selects/methods.html
index 598b7eed..3b6e59b4 100644
--- a/docs/forms/selects/methods.html
+++ b/docs/forms/selects/methods.html
@@ -95,7 +95,7 @@ $('select').selectmenu('refresh', true);
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/selects/options.html b/docs/forms/selects/options.html
index 8f94964c..8dab5cc7 100644
--- a/docs/forms/selects/options.html
+++ b/docs/forms/selects/options.html
@@ -121,7 +121,7 @@
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/slider/events.html b/docs/forms/slider/events.html
index 004423ac..48a289df 100644
--- a/docs/forms/slider/events.html
+++ b/docs/forms/slider/events.html
@@ -34,7 +34,7 @@
Events
- Bind events directly to the input element (the framework will automatically update the slider widget). Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:
+ Bind events directly to the input element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:
$( ".selector" ).bind( "change", function(event, ui) {
...
@@ -73,7 +73,7 @@ $( ".selector" ).slider({
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/slider/index.html b/docs/forms/slider/index.html
index e55ee7f3..2791ecd5 100644
--- a/docs/forms/slider/index.html
+++ b/docs/forms/slider/index.html
@@ -76,7 +76,7 @@ $('input').slider();
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/slider/methods.html b/docs/forms/slider/methods.html
index e0a71587..976c8307 100644
--- a/docs/forms/slider/methods.html
+++ b/docs/forms/slider/methods.html
@@ -77,7 +77,7 @@ $('.selector').slider('refresh');
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/slider/options.html b/docs/forms/slider/options.html
index 76649314..ac8a5d46 100644
--- a/docs/forms/slider/options.html
+++ b/docs/forms/slider/options.html
@@ -47,7 +47,7 @@
initSelector CSS selector string
default: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"
- This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as textinputs. To change which elements are initialized, bind this option to the mobileinit event:
+ This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as sliders. To change which elements are initialized, bind this option to the mobileinit event:
$( document ).bind( "mobileinit", function(){
$.mobile.slider.prototype.options.initSelector = ".myslider";
});
@@ -57,9 +57,8 @@
theme string
default: null, inherited from parent
- Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme.
+ Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"
$('.selector').slider({ theme: "a" });
- This option can be overridden in the markup by assigning a data attribute to the input, e.g. data-theme="a".
trackTheme stringForm basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/textinputs/events.html b/docs/forms/textinputs/events.html
index 1004d90d..7d06d72c 100644
--- a/docs/forms/textinputs/events.html
+++ b/docs/forms/textinputs/events.html
@@ -34,7 +34,7 @@
Events
- Bind events directly to the input element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:
+ Bind events directly to the input element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:
$( ".selector" ).bind( "change", function(event, ui) {
...
@@ -72,7 +72,7 @@ $( ".selector" ).textinput({
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/textinputs/index.html b/docs/forms/textinputs/index.html
index 57423af2..b2d17842 100755
--- a/docs/forms/textinputs/index.html
+++ b/docs/forms/textinputs/index.html
@@ -123,7 +123,7 @@ $('input').textinput();
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/textinputs/methods.html b/docs/forms/textinputs/methods.html
index 637d5f1b..f60d1441 100644
--- a/docs/forms/textinputs/methods.html
+++ b/docs/forms/textinputs/methods.html
@@ -69,7 +69,7 @@ $('.selector').textinput('disable');
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons
diff --git a/docs/forms/textinputs/options.html b/docs/forms/textinputs/options.html
index 5e1732a5..9b77b31f 100644
--- a/docs/forms/textinputs/options.html
+++ b/docs/forms/textinputs/options.html
@@ -71,7 +71,7 @@
Form basics
Form element gallery
Text inputs
- Search inputs
+ Search inputs
Slider
Flip toggle switch
Radio buttons