jQuery textFill不适用于不可见元素
我试图调整div中文本的大小,而div又位于另一个div中。总的来说,以一种简化的方式,我有以下几点: HTML: JS: 主要{ 显示:无; 宽度:100%; 身高:50%; } 其他主要{ 宽度:100%; 身高:50%; } .文本{ 背景:红色; 宽度:80%; 高度:100px; }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
尝试将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%;
}