如何使用onload事件轉換按鈕單擊？

Question

如何轉換此腳本以便它觸發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>

Answer 1

使用load函數在onload事件上執行函數：

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

請注意，如果您不需要加載所有內容（例如子元素，主要是圖像），那么在dom准備好后，通常使用$（回調）執行您的函數會更好：

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

Answer 2

 <script type="text/javascript">
function abc() {
    alert('ok');
}
window.onload = abc;
</script>

Answer 3

你可以使用這樣的東西：

<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反應更快

如何使用onload事件轉換按鈕單擊？

問題描述

3 個解決方案

解決方案1
2 2012-10-22 20:00:46

解決方案2
0

解決方案3
0 已采納 2012-10-22 20:07:24

如何使用onload事件轉換按鈕單擊？

問題描述

3 個解決方案

解決方案1 2 2012-10-22 20:00:46

解決方案2 0

解決方案3 0 已采納 2012-10-22 20:07:24

解決方案1
2 2012-10-22 20:00:46

解決方案2
0

解決方案3
0 已采納 2012-10-22 20:07:24