0

私は：

 //Resize tabs - height when window size changes. Don't forget to reset niceScroll
 function recalc_tab_height () {
    //
    var wrapper_h = $(".ui-panel-content-wrap").outerHeight();
    var content_h = $(".ui-content").outerHeight();
    var current_h = $(".tab1").outerHeight();
    var newHeight = (wrapper_h - content_h) + current_h;
    //
    $(".tab1, .tab2, .tab3").css({"height":newHeight}).getNiceScroll().resize();
 }
 //Run once onLoad
 recalc_tab_height();

これは、画面に合わせて歌詞セクションのサイズをオンロードで変更することになっています。しかし、まったく実行されません...理由は何ですか? それはui.jsの中にあります

http://mac.idev.ge:800/mobile-radio/

4

6 に答える 6

6

試す

$(function() {
    recalc_tab_height();
});

最後の行の代わりに。

$(...)のショートカットで$(document).ready(...)あり、ページが完全に読み込まれるとすぐに実行されるため、DOM要素のプロパティを処理できます。

于 2013-09-05T08:13:55.683 に答える
1

これを試してください：設定する必要があります$(document).ready

$(document).ready(function(){

 //Run once onLoad
 recalc_tab_height();

});
于 2013-09-05T08:14:47.420 に答える
1

この関数をロードするには、ボディでこれを次のように使用する必要があります

<body onload="recalc_tab_height();" >

またはjqueryで

$(document).ready(function() {
  recalc_tab_height();
});
于 2013-09-05T08:16:36.373 に答える
0

ドキュメントが「準備完了」になるまで、ページを安全に操作することはできません。jQuery は、この準備完了状態を検出します。$(document).read()内に含まれるコードは、ページのドキュメント オブジェクト モデル (DOM) でJavaScriptコードを実行する準備が整った場合にのみ実行されます。$(window).load(function() { ... })内に含まれるコードは、DOM だけでなくページ全体 (画像または iframe) の準備が整うと実行されます。

したがって、内部 $(document).ready({...});または内部で関数を呼び出す必要があります$(window).load(function() { ... });

于 2013-09-05T08:22:51.997 に答える
0

dom の準備ができたら関数呼び出しをラップします。

$(document).ready(function(){
    recalc_tab_height();
});
于 2013-09-05T08:15:00.937 に答える
0

css() を animate() に変更したところ、動作しました。

于 2013-09-23T17:38:59.110 に答える