2016-10-01 3 views
0

У нас есть админ emberjs, который представляет собой таблицу со скрытыми столбцами.
На этом столе я фиксирую головку стола (и левые столбцы) через css-позицию и верх.jQuery 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); 
    }, 

Все прекрасно сезам там, получает отображается -column «ребенок», то й из primaly показанных столбцов фиксированы.

Но моя проблема в том, что кажется, что css-mothod jquery не применяется к скрытым элементам.
Таким образом, новая колонка не фиксирована.
Ни положение, ни фон не применяются.
Я ничего не нашел об этом в документах.

Есть ли какой-либо специальный параметр, чтобы css применялся к скрытым элементам?

Исходя из этого вопроса я собираюсь думать, что я должен показать, что столбец первой, установите CSS и скрыть его снова: jQuery: Get height of hidden element in jQuery

ответ

0

Я не думаю, что проблема связана с установкой CSS, чтобы скрытый элементы, вот пример применения jQuery CSS к скрытой таблице TH, отлично подходит для меня.

См демо: http://jsbin.com/tarucifame/edit?html,js,output

+0

Ты абсолютно прав. Я (непреднамеренно) перезаписал css с атрибутом Binding в Component. – Jeff

Смежные вопросы