jquery - 为什么 Dream weaver 中的 jQuery 代码在 chrome 中不起作用？

Question

我在我的 Dream Weaver 中编写了这段代码并运行它，但是当它运行时显示这个控制台：

75px 
75px 
61px 
73px
70px

我的问题在这里！！！当我在控制台 chrome 中运行此代码时显示它：

72px
71px
58px
70px
60px

这是我的代码：

<script>


                $(function(){
                for(var i=0 ; i < $('#in-form ul li').length ; i++)
                {
                    var wid = $('#in-form ul li label span').eq(i).css('width');
                    console.log(wid);
                    //$('#in-form ul li label input').eq(i).css('right',wid);
                }

                });

</script>

Answer 1

试试这个代码：

$(function(){
    $('#in-form ul li').each(function(){
        wid = $(this).find('label span').width()
        console.log(wid);
    })
});