隠し要素のjQuery CSS

Question

emberjsアドオンがあります。これは非表示の列を持つ表です。
このテーブルでは、テーブルの頭（および左の列）をcssの位置と上に固定します。

// Set table head fixed 
    function fixHead() { 
     console.log('tableFixer: fixHead()'); 
     var thead = Ember.$(settings.table).find("thead"); 
     var cells = thead.find("tr > *"); 

     cells.css({ 
      'position' : 'relative', 
      'background' : '#ff0000', 
     }); 
     console.log(cells); // in here I see ALL the cells, also the hidden ones 
    } 

私はemberアクションでその非表示の列を表示します。

expandChildColumn: function(column, sourceIndex) { 
     this.get('columns')[sourceIndex+1].set('visible',true); 
    }, 

すべての細かいところで、「子」列が表示され、表示されている小行列の列が固定されます。

しかし、私の問題は、jqueryのcss-mothodは隠された要素には当てはまらないということです。
したがって、新たに表示される列は固定されていません。
位置も背景も適用されません。
私はそれについてドキュメントで何も見つかりませんでした。

cssを隠し要素に適用する特別なパラメータはありますか？私はあなたの問題が隠さにCSSを設定することに関連しているとは思わないjQuery: Get height of hidden element in jQuery

Answer 1

を：私は私が最初にその列を表示し、設定するCSSと再びそれを隠すために持っていること、考えることを約だ、この質問に基づいて

ここでは、jQuery CSSを隠しテーブルTHに適用する例を示します。

デモをご覧ください：http://jsbin.com/tarucifame/edit?html,js,output