From 110c8b0bee684e146368e6868a0d9b0d3225b63c Mon Sep 17 00:00:00 2001 From: Stephen James Date: Fri, 24 Apr 2015 14:49:38 -0400 Subject: [PATCH] Add radio markup deprecation notice, update markup --- _includes/js/radio.html | 56 +++++++++++++++++++++++------------------ 1 file changed, 31 insertions(+), 25 deletions(-) diff --git a/_includes/js/radio.html b/_includes/js/radio.html index c98278b49..2276bc259 100644 --- a/_includes/js/radio.html +++ b/_includes/js/radio.html @@ -14,11 +14,16 @@

Radio Usage

Via JavaScript

-

Call the radio control via JavaScript:

- {% highlight js %}$('#myRadio').radio();{% endhighlight %} +

Call the radio control via JavaScript on the label. The div.radio container is only present for block level stying:

+ {% highlight js %}$('#myRadioLabel').radio();{% endhighlight %}

Via data-attributes

-

The radio will automatically instantiate any radios with data-initialize="radio". If you add the control markup after page load with data-initialize="radio", this control initializes on mouseover. +

The radio will automatically instantiate any radios with data-initialize="radio" located on the <label>. If you add the control markup after page load with data-initialize="radio", this control initializes on mouseover. + +

+

Deprecated radio button markup

+

Before v3.7.0, the radio control could be bound with $().radio(); or data-initialize="radio" to the div.radio or the input elements. This is no longer supported. Please update your markup and JavaScript to be bound to the label only.

+

Methods

@@ -46,58 +51,59 @@

Examples

Default (stacked)

-
-