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

Question

在Chrome控制台中：

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

在呈现HTML的代码中：

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

  

无法读取未定义的属性'scrollWidth'

Answer 1

如果代码可在浏览器的控制台上运行（ aka开发工具），但无法与您的JS代码一起使用，则意味着（在大多数情况下）您的JS代码先运行实际已加载DOM / HTML。

您有2个选择：

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

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

与推荐的呼叫方式等效：

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

相关有用的问题，在SO上：What does $(function() {} ); do?