一些$(document).ready()代码被忽略

时间:2017-02-26 19:02:32

标签: javascript jquery

我写了一些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>

您还可以在https://test.flowzo.nl/getal-5/

找到示例页面

0 个答案:

没有答案