滚动宽度问题的最佳解决方案是什么?

Question

在Chrome控制台中：

$('.table-responsive').width(); //working
$('.table-responsive')[0].scrollWidth; //working

在呈现 HTML 时的代码中：

$('.table-responsive').width(); //working
$('.table-responsive')[0].scrollWidth; //not-working

无法读取未定义的属性"滚动宽度">

Answer 1

如果代码在浏览器的控制台(又名开发工具(上运行并且不能与JS代码一起使用，这意味着(在大多数情况下(JS代码在实际加载DOM/HTML之前运行。

您有 2 个选项：

1. 将您的script标签放在页面底部(就在</body>之前(
2. 使用 jQuery 的 .ready((，例如：

$(document).ready(function(){ ... });

这相当于推荐的调用方式：

$(function() { ... });

相关的有用问题，这里是 SO： $(function(( {} (; 做什么？