1

私は答えを探しましたが、見つけることができませんでした。jquery load() 関数を使用して HTML ページをロードしています。ロードされた html にはスタイルシートもありますが、スタイルシートの前にコンテンツがロードされて un が発生します-フォーマットされたコンテンツが表示され、フロッカーのような効果が発生します。

どうすればこれを回避できますか?

$('#mainbody').load("test.html", function(){
    $jq('#mainbody a').click(function(e){
        e.preventDefault();
        var url = $jq(this).attr('href');
        if(url != "#"){
            loadurl($jq(this).attr('href'));
        }
    });
});

test.html (複製するためにページに段落を追加し続けるだけです)

<link href="css/loginform.css" rel="stylesheet" type="text/css" media="all">
<h2>Login</h2>
Unauthorised access, including unsuccessful attempts to access privileged information, constitutes an offense under the Computer Misuse Act 1990.  This Network is protected by a Security System and logs will be used as evidence in court. If you are not an authorised user do not attempt to proceed beyond this point.
<p>line</p>
<p>line</p>
<p>line</p>
<p>line</p>
<p>line</p>
<p>line</p>

css は、このようなもの以外であれば何でもかまいません (肥大化するためにさらに追加する必要があるかもしれません)

h2 {
    padding: 0; margin: 0; color: #ebebeb; font: bold 44px "Calibri", Arial;
}
4

1 に答える 1

0

アイテムが読み込まれるまで #mainbody div を非表示にします。

var $main_body = $('#mainbody');
$main_body.load("test.html", function(){
    $main_body.show();
    $jq('#mainbody a').click(function(e){
        e.preventDefault();
        var url = $jq(this).attr('href');
        if (url != "#"){
            loadurl($jq(this).attr('href'));
        }
    });
});
于 2012-10-01T15:00:01.357 に答える