2016-10-01 115 views
0

有一个emberjs插件,它是一个隐藏列的表格。
在该表上,我通过css-position和top修复了表头(和左列)。关于隐藏元素的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 
    } 

我显示隐藏的列与一个烬动作。

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

回答

0

我不认为你的问题是有关设置CSS隐藏元素,这里是将jQuery CSS应用于隐藏表TH的示例,对我来说工作正常。

参见演示:http://jsbin.com/tarucifame/edit?html,js,output

+0

你是绝对正确的。我(无心地)用组件中的一个属性绑定来覆盖css。 – Jeff