1

ページの高さが変わるたびに、少し JavaScript を実行する必要があります。

これまでのところ、私はかなり醜いことをしています: ページの高さを変更する可能性のある何かを行うたびに、コールバックを使用しています。

// initial 
positionFooter();
$(window).resize(positionFooter);

...
// some code in some function 
$(this).hide(0, positionFooter);
...

...
// some code in some function 
$(this).show(0, positionFooter);
...

...
// some code in some function 
toggle(i,p.speed, positionFooter);
...

ページの高さが変更されたときに関数が自動的に呼び出される方法を見つけたいと思います。あなたはなにか考えはありますか ？

編集: 私の問題は明確ではないようです: 一部のイベント (タブの変更、新しいコンテンツの ajax の読み込み、トグル イベントなど) はサイズ変更機能をトリガーしません。この問題を解決するために、これらのイベントが発生するたびに関数を手動で呼び出すことにしました。正常に動作しますが、満足のいく解決策ではありません。ページの高さの変化を 1 か所でキャッチする方法があれば、よりクリーンになります。

4

1 に答える 1

0

Jquery では、ウィンドウのサイズが変更されるたびに $(window).resize(function) が関数を呼び出します。

$(window).resize(function() {
   //Do something when the window is resized
}

CSS を変更しようとしている場合は、次のように CSS でメディア クエリを直接使用できます。

@media only screen 
and (max-device-width : 1023px) {
/* Styles */
}

@media only screen 
and (min-device-width : 1024px) {
/* Styles */
}

Jquery.resize() メディアクエリ

これがあなたの質問に答えない場合は、言い換えるか、呼び出している機能/テストしているブラウザーに関する詳細情報を提供してください.

于 2012-08-11T08:31:08.893 に答える