0

ページがあります:- default.aspx。

CSS で高さを変更できます:-

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
    width: 919px;
    height: 850px;
}

高さを増やすか、適切なパラメータを減らすだけです。

しかし、ボタンをクリックすると特定の機能が開始される（onclienclick）JavaScript機能を実装しようとしています。この機能を使用すると、追加要素がページに追加されるため、ページサイズも大きくしたい. 同じボタンをもう一度クリックすると、要素が消えるので、ページの高さを減らしたいです。次のようなコードを考えています (ただし、明らかに私の構文は正しくありません)。誰でも助けることができますか？

$('main').css(‘height’) = 1186px; ????
4

3 に答える 3

5

簡単です。

$('.main').css('height',1186);

括弧内に含める必要があります。また、jQuery は数値が px であると想定しているため、明示的に px を呼び出す必要はありません。派手にしたい場合は、ネイティブの DOM 名を使用できます。

$('.main').css({height:1186});

違いはありません。一度にすべてを実行できる複数の宣言が必要な場合の将来の参照のみです。

$('.main').css({
    height:1186,
    width:800,
    backgroundColor:'red',
    lineHeight:25,
    color:'blue',
    boxShadow:'0 0 10px rgb(0,0,0)'
});

あなたはいくつかのクレイジーなことをすることができます！

于 2013-05-21T21:10:16.193 に答える
2

jQueryを使用しているため：

$('.main').height(1186);

参考：http ://api.jquery.com/height/#height2

于 2013-05-21T21:10:28.497 に答える
1

クラス名を忘れてしまい、値が関数内に入ります。また、引用符が混在しています。完全なクリック機能は次のようになります。

$("a.classname").click(function(){
    $(".main").css({ "height" : "1186px" });
});
于 2013-05-21T21:11:17.517 に答える