bootstrap-Schalter setState über eine jquery-Funktion
Ich versuche den Zustand eines bootstrap-switch mit zwei externen Tasten, dies ist der code:
<div>
<input type="checkbox" name="switch" id="switch" value="1" data-on-text="ON" data-off-text="OFF" />
</div>
<div>
<a id="set_on">ON</a>
<a id="set_off">OFF</a>
</div>
<script src="assets/jquery.min.js" type="text/javascript"></script>
<script src="assets/jquery-ui.min.js" type="text/javascript"></script>
<script src="assets/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/bootstrap-switch.js"></script>
<script>
$("#switch").bootstrapSwitch();
$( "#set_on" ).click(function() {
$("#switch").bootstrapSwitch('setState', true);
});
$( "#set_off" ).click(function() {
$("#switch").bootstrapSwitch('setState', false);
});
</script>
Anklicken der Schaltflächen ON oder OFF die Schalter nicht Umschalten Ihren Zustand.
Suchen Sie auf der Konsole des Browsers lese ich diese Fehlermeldung:
TypeError: $(...).bootstrapSwitch ist nicht eine Funktion
Wenn ich versuche, den Status der bootstrap-Schalter außerhalb der Funktion auf diese Weise:
<script>
$("#switch").bootstrapSwitch();
$("#switch").bootstrapSwitch('setState', false);
</script>
den Schalter Knebel richtig in den ein-Zustand.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Bitte ersetzen Sie den code unten :
Versuchen Sie, wickeln Sie Ihren code innerhalb
$( document ).ready(function() {});
so, dass alle DOM-Elemente zu laden, bevor Sie jQuery-code ausgeführt wird, wie diese :versuchen Sie es in Ihrem gesamten Skript wie diesem -