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 回答