jQuery追加文档加载，追加两次，似乎不要等到文档加载

Question

我试图在标题的导航中创建一个导航效果，附加小时和动画宽度，但我有两个问题：

1. 在追加函数之前，我尝试获取目标宽度，但返回的值低于实际宽度 - [由@Maxzeroedge解决]：我应该得到填充值
2. 小时它附加了两次

这是代码：

$(document).ready(function(){
    $('.onPage').append('<hr/>');
    var targetWi = $('.onPage').width();
    $('.onPage hr').animate({
        'width':targetWi
    }, 2000)
})

我确定这2个问题是相关的，可能与文档加载过程有关，但我尝试过不同的文档jQuery监听器，并且我得到的结果相同。

感谢阅读！

Answer 1

感谢您的帮助！我解决了

第一个问题值得解释，因为这可能是一个常见的错误：

当你获得宽度时，总是考虑填充！

第二个问题与双脚本加载（我的坏）

有关

谢谢你的时间！