I'm working with a read-only bootstrap toggle that is meant to show the current state of a system (either enabled or disabled). The goal is for it to update every time the getCall() function is called. However, even though the console logs the correct value in the data variable, the toggle does not reflect it. I've attempted changing the value of a disabled toggle, but that hasn't helped. Can someone please advise on the proper way to achieve this?
function getCall(toggle_id){
$.ajax({
url: URL,
type: "GET"
}).done(function(data) {
console.log("should be", data)
$(toggle_id).bootstrapToggle("enable");
$(toggle_id).bootstrapToggle("on", data);
$(toggle_id).bootstrapToggle("disable");
$(toggle_id).bootstrapToggle();
}).fail(function(data,textStatus,errorThrown) {
alert(errorThrown);
});
}