Jquery .width（）没有给出正确的宽度大小

Question

我有以下的HTML代码：

<div id="first-tab-cont"> <!-- first tab content start here -->
 <ul id="slider">
  <li>elso 01</li>
  <li>elso 02</li>
  <li>elso 03</li>
  <li>elso 04</li>
 </ul>
 <a href="javascript:;" id="back">&lArr;</a>
 <a href="javascript:;" id="forward">&rArr;</a>
</div> <!-- first tab content end here -->

#first-tab-cont及其父div也设置为display:block; visibility:hidden;，但jquery代码：var Max = $("#first-tab-cont #slider").width();未报告正确的宽度尺寸。
我做了一个alert(Max)我可以看到报告的值，它是960（就像我在CSS代码中设置为他的父亲一样）。但#slider宽度是灵活的，按照<li></li>的数量顺序排列。每个<li></li>固定为300px宽度 我需要知道#slider宽度才能将li元素仅滚动到该大小 有人可以帮助我，我们可以弄清楚.width()没有报告正确尺寸的原因吗？ 提前谢谢！