javascript - Bootstrap Switch が最初は正しくレンダリングされない

Question

ユーザーが私の Web ページにアクセスすると、最初はブートストラップ スイッチが正しくレンダリングされません。

次に、通常の場合：

私が考えているのは、ページが 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 }});
});

ユーザーにとってこの種の悪い経験を本当に避けたいのですが、それを修正するにはどうすればよいですか?