0

次のスクリプトを使用して、サイズを 1 ピクセルpずつ増やしています。スクリプトを要素にバインドすると問題なく動作しますが、ネストされた div で使用し、スクリプトをdiv要素にバインドすると、フォント サイズが 2 倍または 3 倍大きくなります。

フィドルの例

サンプルスクリプト

<script type='text/javascript'>
//Here we're using jQuery 1.4.2
jQuery(document).ready(function () {
  //This is our jQuery code
  //Code to increase our text by 2px
  $('#increaseText').click(function() {
    //Increate the font size by 2px
    $('p').css('font-size', parseInt($('p').css('font-size'))+1);
    $('div').css('font-size', parseInt($('div').css('font-size'))+1);
  });
  //Code to decrease our text by 2px
  $('#decreaseText').click(function() {
    //Decrease the font size by 2px
    $('p').css('font-size', parseInt($('p').css('font-size'))-1);
    $('div').css('font-size', parseInt($('div').css('font-size'))-1);
  });
});
</script>

要素 ID を使用してこのスクリプトを作成しようとしましたが、まったく機能しません。これを修正していただければ幸いです。ネストされた div でフォントが 2 倍または 3 倍になるケースがわからない

4

2 に答える 2

0

要素にフォントサイズを設定しているときは、単位を追加していません。フォント サイズの単位を含めるようにコードを修正してみてください。

$('p').css('font-size', (parseInt($('p').css('font-size'))-1) + 'px');
于 2013-02-05T12:18:02.910 に答える
0

これを試してください:ライブデモ

$('p').css('font-size', '+=1');

アップデート

これは jQuery 1.4.2 では機能しません。

1.4.2 の場合は、

ss = parseInt($('p').css('font-size')) + 1 + "px";
$('p').css('font-size', ss);
于 2013-02-05T12:22:35.620 に答える