0

デフォルトの css height: auto を持つ #content div があります。ボタンをクリックしてフォームを送信した後、content-div の高さを 300 に変更します。

if(msg == 'OK')
{
    result = '<div class="notification_ok">Thank you.</div>';    
    $("#content").height(300);
}

ただし、ユーザーがその特定のページにいる間のみその高さを持つ必要があり、ユーザーが別のリンクをクリックすると、高さは再び「自動」に設定されます。CSSクラスを追加することを考えました

.heightAuto { height: auto; }
.height300 { height: 300; }

そしてただ言う

$("#content").toggleClass(heightAuto height300);

しかし、毎回ページをリロードする必要がないように、リンクを content-div に動的にロードしているため、すべてのリンクに class="heightAuto" を追加する必要があると思います。jquery または css スタイルを一時的に設定するより良い方法はありませんか?

4

1 に答える 1

0

このプロジェクトの対象読者は? すべてが最新のブラウザー (IE9+) である場合は、いつでも CSS 疑似セレクターを使用できます:not()。

http://www.w3schools.com/cssref/sel_not.asp

:not(.height300){
    height:auto;
}

.heightAutoそうすれば、サーバー スクリプトでクラスを明示的に設定する必要がなくなります。

于 2013-04-11T23:15:48.253 に答える