0

onloadボタンのクリックを使用するのではなく、起動するようにこのスクリプトを変換するにはどうすればよいですか? 私はこれを理解しようとしていますが、沈んでいません。

<script type="text/javascript"> 
jQuery(function($){
    // unordered list
    $('button.item').click(function(){
        $('ul').foo();
    });
    
});
</script>
</head>     
<body>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
<button class="item">foo</button>
4

3 に答える 3

2

load関数を使用して、onload イベントで関数を実行します。

<script type="text/javascript"> 
$(window).load(function(){
       $('ul').foo();    
});
</script>

すべてをロードする必要がない場合 (サブ要素、主に画像など) は、通常、dom の準備ができ次第、$(callback)を使用して関数を実行することをお勧めします。

<script type="text/javascript"> 
$(function(){
       $('ul').foo();    
});
</script>
于 2012-10-22T20:00:46.197 に答える
0 
 <script type="text/javascript">
function abc() {
    alert('ok');
}
window.onload = abc;
</script>
于 2012-10-22T20:02:24.607 に答える
0

次のようなものを使用できます。

<body>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
</ul>
<script type="text/javascript"> 
$(document).ready(function() {
  $('ul').foo();
});
</body>

タグを閉じる直前に、ファイルの最後で呼び出すとよいでしょう<body>。

関数$(document).ready(function(){...は、ページの読み込み時に何かをする必要があるときに使用する関数です。

w3schools の jQuery チュートリアルを確認することをお勧めします: http://www.w3schools.com/jquery/default.asp

Document.ready は window.onLoad よりも反応が速い

于 2012-10-22T20:07:24.617 に答える