ajax - ajax送信時にselectBooleanCheckboxのスタイルを変更

Question

そう。JSF Web アプリケーションに selectBooleanCheckbox があります。

           <h:form id="settings">
                <div class="col-xs-8">
                    <label for="settings:check1" class="control-label">Email
                        reports</label>
                </div>
                <div class="col-xs-4 text-center">
                    <h:selectBooleanCheckbox id="check1" class="js-switch"
                        valueChangeListener="#{companyBean.emailReportsChange()}"
                        type="checkbox" value="#{companyBean.settingsEmail}">
                        <p:ajax event="change" update="settings" />
                    </h:selectBooleanCheckbox>
                </div>
            </h:form>

これは機能していますが、問題は.

送信前はこのように見えます

提出した後 ajax はこのように見えます非常に悪い

なぜこれが起こっているのですか？ブール値の変更をうまく送信した後、Bean のメソッドは正常に機能しています。しかし、ブール値のチェックボックスのスタイルを失いました

PrimeFaces を使用する代わりに、<p:ajax>既に使用してい<f:ajax>ます。同じ結果です。