1

プラグインを設定しようとしていますが、かなりうまく機能しますが、ページの読み込み時に最初の文字（FirstのF）に正しい幅が割り当てられていないことに気付きました。プラグインを使用すると、マウスオーバーすると2番目の単語に変わり、マウスアウトすると最初の単語に戻り、最初の文字の幅が正しくなります。だから私はそれが最初に表示されたときにそれを修正するためにこれを試しました：

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-wrapperに割り当てるのに役立つことを感謝します。

ありがとう、ビル

4

2 に答える 2

1

よくわかりませんが、.css('width')「100px」のようなものを返しMath.abs("100px")、NaN.

で試してください$('span.char1').width()。

widthまた、 anymarginおよびpadding値に追加することを忘れないでください。

于 2012-07-24T22:08:39.313 に答える
0

パディングと関係がありました-動的に変更されていたため、アニメーションが終了するまで待機するスクリプトを記述してから、視覚的な幅の問題を修正するパディングを割り当てる必要がありました;)

于 2012-12-27T22:52:29.463 に答える