jQuery-iPhone-Stil-Checkbox-Events

Bin ich mit dem jQuery Paket, das sich an http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html konvertieren meine vorhandenen Kästchen, um iPhone-style Checkboxen. Das problem das ich habe ist,dass nach der Anwendung des jQuery - /iPhone-Stile, meine Checkboxen " onclick-Ereignisse werden nicht ausgelöst, wenn die checkbox-status ändert. Ich muss in der Lage sein zu erfassen, das onclick-Ereignis und die id der checkbox, deren status geändert? Keine Ahnung, was mir fehlt?

  • wo ist dein code?
InformationsquelleAutor kittyhawk | 2009-12-02
  1. 3

    Nur tun, wie, dass

    html

    <input type="checkbox" class="iphone-checkbox" id="checkbox-id">

    javascript

    $('.iphone-checkbox').iphoneStyle({onChange: function(elem, data) {alert(elem.attr('id')); alert(data);}});

    In der first-alert-Nachricht, die Sie sehen

    checkbox-id

    Und in der zweiten

    true/false (hängt davon ab, ob die checkbox aktiviert oder nicht)

    InformationsquelleAutor sh0t5
  2. 2

    Was ich am Ende tun war das hinzufügen eines benutzerdefinierten Ereignisses zu iphone-style-checkbox.js um dies zu tun. Suchen Sie nach dieser Zeile 

    iOSCheckbox.prototype.didChange = function() {

    dann, nachdem Sie legen Sie die checked-element die checkbox 

    this.onChange(this.elem, this.elem.attr('checked'));

    hinzufügen: 

    this.elem.trigger("iphoneChange");

    Dann zu binden, um diese Veranstaltung müssen Sie einfach finden Sie Ihre Kontrollkästchen, und rufen Sie die jQuery-bind-Funktion:

    $('#checkbox').bind('iphoneChange', function(e, data) {...});

    War das einzige, was für mich gearbeitet.

    InformationsquelleAutor Shawn Skelton
  3. 1

    Versuchen Wie

    herejQuery('#checkbox_id').attr('checked',true);
    jQuery('#checkbox_id').trigger('change');

    in der "iphone-style-checkboxes.js" das change-Ereignis nur festgestellt.

    InformationsquelleAutor A.C.Balaji
  4. 1

    Ich habe das gleiche problem.
    Ich gelöst indem das onChange-option bei der Initialisierung der checkbox, etwa so:

    $(".iPhone").iphoneStyle({
    onChange : changeHandler
    });

    Hoffe, das hilft!

    InformationsquelleAutor Andrea Aloi
  5. 0

    Versuchen, die Erfassung der change - Ereignis anstelle von das click Veranstaltung.

    InformationsquelleAutor Jordan Ryan Moore
  6. 0

    wenn Sie irgendwelche schwer zu schaffen sein iphone wie toggle-button mit Hilfe von jquery bitte haben Sie einen Blick hier http://talkerscode.com/webtricks/iphone-like-slide-toggle-button-using-jquery-and-css.php es wird auf jeden Fall dein problem lösen

    function on()
{
   $("#inner").animate({marginLeft:'50px'},function(){
     document.getElementById("choose").value="on";
     document.getElementById("wrapper").style.background="#04B404";
     document.getElementById("on").checked=true;
     document.getElementById("off").checked=false;
   });  
}

function off()
{
   $("#inner").animate({marginLeft:'0px'},function(){
     document.getElementById("choose").value="off";
     document.getElementById("wrapper").style.background="#E6E6E6"; 
     document.getElementById("off").checked=true;
     document.getElementById("on").checked=false;
   });
}

<div id="checkbox_div">
<input type="checkbox" id="on" value="ON">ON
<input type="checkbox" id="off" value="OFF">OFF
</div>
    InformationsquelleAutor raman
Schreibe einen Kommentar