レンダリングフォームがJqueryによって追加されたクラスを削除します

Question

私は現在、Webアプリケーションの再設計プロセスにおいて、既存のUIにレスポンシブデザインを統合する必要があります。

したがって、特定のhtmlタグにcol-*のクラスを追加したいと考えました。テーブル用のように：

function addColstoTableCells() { 
    $('table tr.formularClass td').addClass("col-6"); 
    $('table.formularTableClass tr td').addClass("col-6"); 
} 

これが成功し、必要なすべてのフォームタグにcol-6クラスを適用します。私は次のようにフォームをレンダリングし、チェックボックス、クリックしていたときにしかし：

<h:selectBooleanCheckbox id="ernst" value="#{dto.ernst}" disabled="#{!backingBean.sb.edit}"> 
         <f:ajax render="@form" execute="@form" onevent="setFocus" /> 
</h:selectBooleanCheckbox>Ernst</td> 

追加col-クラスは削除されますと、フォームがcol-幅風なしで表示されます。 Jqueryで追加したクラスを永続化させる方法はありますか？ Webアプリケーションは膨大で、すべてのtdタグに手動で適用するには数時間かかるでしょう。

Answer 1

この解決策では、JQueryではなくCSSを使用して、col-*スタイルクラスを追加しました。あなただけ&はあなたが拡張するクラスにcol-*スタイルクラスの内容をコピー＆ペースト、CSSを使用している場合は

table { 
    tr.formularClass td, &.formularTableClass tr td{ 
     @extend .col-6; 
     display: table-cell; 
    } 
} 

：単にあなたの希望クラス/要素を拡張

あなたはサスを使用している場合は、。