Javascript 指定单词第一个字母的宽度

我正在尝试设置一个插件，它运行得很好，但是我注意到第一个字符（第一个中的F）在页面加载时没有被分配正确的宽度。这个插件允许你鼠标移动到第二个单词，然后鼠标移动到第二个单词，再回到第一个单词，然后第一个字符的宽度是正确的。所以我尝试在它第一次显示时修复它：

var firstltrwdraw = $('span.char1').width(); // this width is actually 39px but it keeps pulling 27
 console.log('1st Width Raw: ' + firstltrwdraw);
var firstltrwd = parseFloat(firstltrwdraw);
  console.log('1st Width: ' + firstltrwd);
  console.log('1st Type: ' + typeof firstltrwd);
$('span.char1').parent().css({'width': firstltrwd + 'px'});

这里有一些典型的。html:

<div class="lslide_wrap">
  <a href="javascript:void(0)" ...>
    <span class="sl-wrapper" ...>
      <span class="char1 sl-w2" ...>S</span> // first letter of Second
      <span class="char1 sl-w1" ...>F</span> // first letter of First
    </span>
    <span class="sl-wrapper" ...>
     ... // second letter of each word, etc
     ...
    <span>
  </a>
</div>

这是一个演示页面：

当然，如果您能从char1获得宽度并将其分配给其父sl包装器，我们将不胜感激

谢谢，Bill

不确定，但是

.css（'width'）

返回类似于“100px”和

Math.abs（“100px”）

give

NaN

尝试使用

$（'span.char1'）.width（）

另外，您必须记住向

宽度
添加任何
边距
和
填充
值。
不确定，但
.css（'width'）
返回类似“100px”和
数学.abs（“100px”）
给出
NaN

尝试使用
$（'span.char1'）.width（）

另外，您必须记住添加到
宽度
中的任何
边距
和
填充
值。
与填充有关-正在动态更改，必须编写脚本以等待动画结束，然后分配填充，从而修复视觉宽度问题；）
 与填充有关-正在动态更改，必须编写脚本以等待动画结束，然后分配填充，从而修复视觉宽度问题；）
 好的，刚刚更新了演示，它仍然拉27-我很困惑。当我查看计算样式时，它显示的是39px，没有填充或边距。注意：不要翻滚它，否则它将重置：-）我做错了什么？嗨，GG，你能帮我吗？我真的需要一些帮助-只是一个新手，很难理解为什么这不起作用-谢谢，Bill@GG。你知道有没有其他的jquery大师可以帮忙吗？我非常感谢你能帮助他们回答我的问题。谢谢你，BillOk，刚刚更新的演示，现在仍然有27个。我很困惑。当我查看计算样式时，它显示的是39px，没有填充或边距。注意：不要翻滚它，否则它将重置：-）我做错了什么？嗨，GG，你能帮我吗？我真的需要一些帮助-只是一个新手，很难理解为什么这不起作用-谢谢，Bill@GG。你知道有没有其他jquery大师能帮上忙？我希望能帮助他们回答我的问题。谢谢你，比尔