指定字的第一個字母的寬度

我試圖設置一個插件，它的工作原理很不錯，但我注意到第一個字符（第一個字母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>

這裏有一個演示頁：http://www.partiproductions.com/letterslide_test/index.html

當然希望得到一些幫助，在得到來自CHAR1寬度和它的父SL-包裝分配它。

謝謝你，比爾

來源

2012-07-24 parti

曾與填充辦 - 已動態正在改變不得不寫劇本要等到動畫結束，然後分配填充其固定視覺寬度問題;）

來源

2012-12-27 22:52:29 parti

不知道，但.css('width')返回像「100像素」和Math.abs("100px")給NaN。

嘗試使用$('span.char1').width()。

此外，您還必須記得將任何margin和padding值添加到width。

來源

2012-07-24 22:08:39

好吧，剛剛更新的演示，它仍然是拉動27 - 我很困惑。當我看着Computed風格時，它顯示39px，沒有填充或邊距。注意：不要翻轉或重置:-)我做錯了什麼？ – parti 2012-07-24 22:26:18

我看你的代碼。 – 2012-07-24 22:30:32

HI GG，你能幫助我 - 我真的需要一些幫助 - 只是一個新手，並很難理解爲什麼這不起作用 - 謝謝，Bill – parti 2012-07-26 18:06:03

指定字的第一個字母的寬度

回答

相關問題