2

私が抱えているもう1つの問題は、Jqueryに関するものです。基本的に、.load関数を使用して、外部のphpページからコンテンツをロードしています。これは正常に機能します。私が抱えている唯一の問題は、負荷が点滅するだけなので、見栄えがよくありません。

とにかくローダーをより長く、または少なくとも最小時間表示させる方法はありますか？

これが私が現在持っているコードです：

 $('#content').load('contact.php');
        $('#test a').click(function() {
        var page = $(this).attr('href');
        $("#mydiv").html('<div class="bar"><span></span></div>');
        $('#content').load(''+ page +'.php', null, function() {
    $("#mydiv").html('');
   });
    return false;
});

どんな助けやガイダンスも素晴らしいでしょう:)

以下は機能しませんでした：

<script type="text/javascript">
    $(document).ready(function() {

    setTimeout(function () { 

    $('#content').load('contact.php');


    $('#test a').click(function() {

    var page = $(this).attr('href');

        $("#mydiv").html('<div class="bar"><span></span></div>');
    $('#content').load(''+ page +'.php', null, function() {
    $("#mydiv").html('');
    });

    return false;

        }); 

    }, 2000);

});
</script>
4

2 に答える 2

2 
<script>
    setTimeout(function () { 
        //Do it here
    }, 2000);
</script>

ただし、ユーザーを1分間待たせることはしません。2000を好きなときに変更します。

幸運を。

于 2012-08-24T20:38:08.153 に答える
2

ローダーを呼び出して、setTimeout読み込みが完了したときにローダーを非表示にし、コンテンツを表示できます。

setTimeout(hideLoaderShowContent, 1000); // 

function hideLoaderShowContent() {
    $("#loader").hide();
    $("#content").show();
}

編集： これはあなたが要求に応じて必要としているものです：

var $mydiv = $("#mydiv");

$mydiv.html('<div class="bar"><span></span></div>');

$('#content').load(''+ page +'.php', null, function() {
    setTimeout(function() { $mydiv.html(''); }, 1000); // Note the setTimeout here waits 1 second (1000 ms)
});
于 2012-08-24T20:42:31.843 に答える