iPhone bouton bascule à l'aide de jQuery

Je ne suis pas sûr de ce qui est de l'effet escompté, mais je suppose que Vous voulez un curseur qui couvre blue 'Sur' et révèle gris "Off"

Ma proposition:
http://jsfiddle.net/GzL87/1/

OriginalL'auteur Jacek Kaniuk

J'ai pris @Randomblue de la solution et utilisé comme base pour la création d'un plus impliqués curseur de bascule qui possède un support complet pour ARIA normes. Il est construit sur le haut de jQuery et jQuery UI. On m'a demandé de travailler ARIA soutien dans IE9 et des MÂCHOIRES, 14, et de l'out-of-the-box jQuery solutions comportement bizarre, à cet égard, en dépit de la prétendue soutien.

La solution est un simple plugin jQuery qui transforme une div avec l'entrée radio dans un curseur de bascule.

Donc vu le code HTML:

<div id="myToggle"
     class="slider-toggle-container"
     style="float: left"
     data-initialvalue="0"
     data-height="50"
     data-width="90"
     data-ballwidth="24"
     data-tabindex="undefined"
     data-speed="150">

    <span id="myToggleLabel" class="slider-toggle-label-text">
        Like this toggle?
    </span>

    <label for="leftInput">YES</label>
    <input id="leftInput" type="radio" name="enabled" value="1">

    <label for="rightInput">NO</label>
    <input id="rightInput" type="radio" name="enabled" value="0">

</div>

Il crée un déplaçable, cliquable, ARIA-conforme curseur de la bascule.

Le code complet: http://jsfiddle.net/reesbyars/JrVgt/

OriginalL'auteur rees