2

Jqueryのサイズを動的に変更するにはどうすればよいですか?

<div id="siteOptWrap">


</div>


   $('#siteOptsWrap').resizable({
        distance: 10,
        handles: "n",
        ghost: true,
        animate: true,
        maxHeight: '600',
        //animateDuration: "fast",
    });

-ここでサイズを変更しようとしています

 $('#siteOptsWrap').resizable().resize({ 'height': '25px' });

サイズ変更を簡単にできるようにしたいと思います。私がしていること私は画面の約30%に表示したいメニューを持っており、ウィンドウがロードされてから約5秒後にメニューを簡単にしたいです。

-これは、ページの一番下にあるメニューを示す画像です。これは、サイズ変更可能なjqueryでラップされたタブjqueryコントロールです。

ユーザーが作業を開始するためにそれを行う必要がないように、約5秒後にその下部のメニューを緩和する必要があります。

画像下部のイージングでサイズ変更するメニュー

4

1 に答える 1

1

要素の高さを変更する場合は、イベント ハンドラーの追加に使用される.resizeではなく、.css()を使用する必要があります。resize

$('#siteOptsWrap').resizable().css({ 'height': '25px' });

デモ:フィドル

于 2013-03-18T05:13:32.977 に答える