jquery - 如何组合多个jquery函数

Question

如果您查看下面的 jquery 代码，您将看到著名的 $(document).ready(function(){)，它启动了脚本。我在几乎所有 jquery 代码示例中都看到了这一点网络，我想知道，如果我在一个文件中运行 5 个不同的代码函数，我是否需要在所有文件的开头使用 $(document).ready(function(){他们？

如果不是，我如何将下面的代码合并到一个页面中 3 次，假装它是 3 个不同的代码？

<script type="text/javascript" >
 $(document).ready(function(){
  setTimeout(function(){
  $(".flash").fadeOut("slow", function () {
  $(".flash").remove();
      }); }, 2000);
 });
</script>

Answer 1

您应该尽量不要在文档就绪 block 中放入太多内容。是的，你可以拥有多个，但我坚持只使用一个(如果有的话)。您还可以将脚本放在结束正文标记之前，而无需准备好文档。

我建议将代码分解为单独的函数。这样您就可以在整个页面的各个阶段重复使用它们。然后只需使用文档就绪 block 来触发对该页面初始化函数的调用。

您还可以使用$(function(){});作为 $(document).ready(function(){}); 的快捷方式

<script type="text/javascript" >
 $(function(){
    init();
 });

 function init(){
   someFunction();
   //other init stuff
 }

 function someFunction(){
  setTimeout(function(){
     $(".flash").fadeOut("slow", function () {
     $(".flash").remove();
   }); }, 2000);

 }
</script>