jQuery的Texfill不工作的所有元素具有相同的选择

Question

我试图使用jQuery Textfill做一个HTML列表中的内容适合它们的容器。然而，当我使用相应的选项初始化插件，该插件TEXTFILL仅在选择的第一个实例“行为”。例如。

<div id='abc'> 
    <ul> 
     <li>foo</li> 
     <li>bar</li> 
    </ul> 
</div> 

<script type="text/javascript"> 
$('#abc').textfill({ 
    debug: true, 
    maxFontPixels: 0, 
    innerTag: "li" 
}); 
</script> 

只有“foo”被调整大小。这里有一个jsfiddle

有谁知道，如果有一种方法来解决这个？我错过了某个选项吗？

Answer 1

这是由设计。据$ .textfill docs它将增加：可见：第一，无论你放在innerTag

检查，当第一LI隐藏会发生什么：http://jsfiddle.net/9VwV3/

<div id='abc'> 
    <ul> 
     <li style="display:none;">foo</li> 
     <li>bar</li> 
    </ul> 
</div>