我写了一些js来改变一个跨度的宽度,根据一个元素的宽度来改变类' .line'。我把它放在一个带参数颜色的函数行()中。如果我从控制台调用该函数它可以工作,但在$(document).ready()
它被忽略了。 $(document).ready()
中的其他来电可以正常工作。你们有什么想法吗?
$(document).ready()
$(document).ready(function() {
line("rood");
});
line(color)
function line(color){
var primeWidth = $(".container-inhoud")[0].offsetWidth;
if (color === "rood"){
text = $('.rood .line')[0].offsetWidth;
span = $('.rood .line span');
count = primeWidth - text - 45;
$('.rood .line span').css("width", count);
}
}
HTML
<div class="rood">
<h2 class="line">Je blinkt uit in<span></span></h2>
<ul>
<li>Vrijheid in gedachten, woord en daad</li>
<li>Een heldere geest</li>
<li>Aanpassingsvermogen en begrip voor anderen</li>
</ul>
</div>
找到示例页面