0

div プリロード用の Javascript コードがありますが、jQuery でプリロードする必要があります。これは私のコードです:

<script type="text/javascript">
window.onload=function(){
        document.getElementById('preload').style.display = 'block';
        document.getElementById('ajax-loader').style.display = 'none';
    }
</script>

<style type="text/css">
div#preload{
        display:none;
        margin:0 auto;
  }
</style>

<img src="/images/ajax.gif" id="ajax-loader"  />
<div id="preload">Some text</div>

jqueryでDIVのフェードアウトをプリロードするにはどうすればよいですか? ありがとう

4

1 に答える 1

2

これは、javascript と完全に同等ではありませんが、希望どおりに動作するように見えます。

実際のデモ: http://jsfiddle.net/lucuma/84j5S/

$(document).ready(function() {
   $('#preload').show();
   $('#ajax-loader').hide();
});

同等のものは次のとおりです。

動作デモ:http://jsfiddle.net/lucuma/84j5S/2/

$(document).ready(functon() {
   $('#preload').css('display','block');
   $('#ajax-loader').css('display','none');
});

これらの jquery ソリューションは、css を介してこれを行うのと同じです。

#preload {display:block}
#ajax-loader {display:none}

ただし、jquery をプロジェクトに追加する予定がない限り、これを行うためだけにライブラリを含める理由はありません。

于 2012-06-09T21:58:56.400 に答える