Question

我尝试使用jQuery Textfill来使HTML列表的内容适合他们的容器。但是，当我使用相关选项初始化插件时，textfill插件只会＆＃34;行为＆＃34;在选择器的第一个实例上。 E.g。

<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>

只有＆＃34; foo＆＃34;得到调整大小。这是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>

jQuery Texfill没有处理具有相同选择器的所有元素

1 个答案: