jquery - jQuery init() 函数。

Question

有没有办法强制小部件在一个'$（document）.ready（）'中输出jquery init（）函数？
它应该如下所示：

$(document).ready(function($) {
     $('.style1').plugin1Init();
     $('.style2').plugin2Init();
     $('.style3').plugin3Init();
});

我问是因为我正在尝试加快我的 wordpress 主题。我有几个小部件在 $(document).ready() 函数中输出 jquery 代码。

根据Jquery 速度测试，三个 '$(document).ready()' 函数将页面加载速度降低了近三倍

当我使用 3 个小部件时，页面上的示例代码：

$(document).ready(function($) {
     $('.style1').plugin1Init();
});

$(document).ready(function($) {
     $('.style2').plugin2Init();
});

$(document).ready(function($) {
     $('.style3').plugin3Init();
});

Answer 1

您可以调用$(document).ready(function($) {一次

看：

$(document).ready(function($) {
    $('.style1').plugin1Init();
    $('.style2').plugin2Init();
    $('.style3').plugin3Init();
});