2017-05-16 3 views
1

Ich möchte, dass einige Schalter in Android und ich BootstrapToggle und ich nicht wissen, wie man mit http.get kombinieren. Ich versuche, gebrauchte Toggle wie dies in meinem htmlKann ich bootstrapToggle mit http.get kombinieren?

$(function() { 
 
    $('#toggle-two').bootstrapToggle({ 
 
    on: 'Lock', 
 
    off: 'Unlock' 
 
    }); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="toggle-two" type="checkbox" data-toggle="toggle" data-width="100">

Antwort

2

Die Bootstrap Toggle-Bibliothek das übliche change Ereignis des zugrunde liegenden Kontrollkästchen aussetzt, die Sie anschließen können, wenn das Umschalten geändert wird. Versuchen Sie dies:

$(function() { 
    $('#toggle-two').bootstrapToggle({ 
    on: 'Lock', 
    off: 'Unlock' 
    }).on('change', function() { 
    $.ajax({ 
     url: '/yourpage.foo', 
     data: { checked: $(this).prop('checked') }, 
     success: function() { 
     console.log('It worked!'); 
     } 
    }); 
    }); 
}) 
+0

danke es funktioniert, obwohl Sie vergessen} nach der Konsole. Nach allem funktioniert es. Danke nochmal – Nugka

+0

Ah ja, ich habe extra ein '' '' aus Versehen hinzugefügt. Froh, dass es funktioniert :) –

+0

kann ich fragen? Dein Code, wenn ich mich ändere, aber wenn ich denselben Code ändern möchte? – Nugka