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 中的方法工作正常。但我失去了我的布尔复选框风格

<p:ajax>而不是使用我已经使用的 PrimeFaces <f:ajax>。结果相同。