jQuery textFill不适用于不可见元素

jQuery textFill不适用于不可见元素,jquery,Jquery,我试图调整div中文本的大小,而div又位于另一个div中。总的来说,以一种简化的方式,我有以下几点: HTML: JS: 主要{ 显示:无; 宽度:100%; 身高:50%; } 其他主要{ 宽度:100%; 身高:50%; } .文本{ 背景:红色; 宽度:80%; 高度:100px; } 尝试将css更改为: #main:{ visibility:hidden; width: 100%; height: 50%; } 这应该可以解决您的问题。textFil是某种插件,而不是j

我试图调整div中文本的大小,而div又位于另一个div中。总的来说,以一种简化的方式,我有以下几点:

HTML:

JS:

主要{ 显示:无; 宽度:100%; 身高:50%; } 其他主要{ 宽度:100%; 身高:50%; } .文本{ 背景:红色; 宽度:80%; 高度:100px; }
尝试将css更改为:

#main:{
  visibility:hidden;
  width: 100%;
  height: 50%;
}

这应该可以解决您的问题。

textFil是某种插件,而不是jQuery核心的一部分。如果没有文档链接,任何人真正了解它的功能或内部工作的可能性很低。A将帮助AlsomaxFont0看起来可疑。文件上怎么说?你能用这个做一个JSFIDLE让我们测试一下吗,您使用哪个版本?从:innerTag:子元素标记调整大小。我们使用$innerTag+':visible:first'容器来选择它。由于h3不可见,因此使用innerTag将失败。
#main:{
  display:none;
  width: 100%;
  height: 50%;
}
.square-text:{
  width:100%;
  height: 120px;
}
$("#main").append("<div class='square-text' ><h3>...text here...</h3></div>");
$(".square-text").textFill({changeLineHeight: true, innerTag: 'h3', maxFontPixels: 0});
#main:{
  visibility:hidden;
  width: 100%;
  height: 50%;
}