Bootstrap Switch第一次没有正确呈现

Question

当用户访问我的网页时，bootstrap开关第一次没有正确呈现，请看：

然后，其他时候正常：

我认为发生的事情是页面首先呈现的是Bootstrap Switch！即使使用Jquery ready函数，如下所示：

$(function() {

    var btn_is_active = $("#btn-is-active");
    var btn_is_public = $("#btn-is-public");

    btn_is_active.bootstrapSwitch('state', {{ event.is_active|lower }});
    btn_is_public.bootstrapSwitch('state', {{ event.is_public|lower }});
});

我真的想避免为用户带来这种糟糕的体验，我该怎么做才能解决它？