Question

我的任务是提高现有WordPress网站的性能，因此我安装了缓存并开始出现竞争状况。

这是the site。完整的代码是here，它不适合编辑器，在第474行有此功能

function loaded() {
    var e = $("#content-wrap").attr("data-classes");
    if ($("body").attr("class", e), $("#news-slider").length) {
        var t = $("#news-slider").attr("data-timer");
        $("#news-slider").slick({
            dots: !1,
            autoplay: !0,
            speed: 800,
            autoplaySpeed: t,
            fade: !0,
            cssEase: "linear",
            prevArrow: "<span class='prev-slide'><i class='fa fa-angle-left'></i></span>",
            nextArrow: "<span class='next-slide'><i class='fa fa-angle-right'></i></span>"
        })
    }

...

此行

$("#news-slider").slick({

赋予slick not defined，有时，这又是一个竞赛条件。有时它下面的另一个函数出错，问题出自loaded()函数及以下函数。现在，我停止缓存文件和加载文件的主页，问题仍然存在。

如果我在整个文件或仅此功能上使用$(window).load(function()，则主页将被弄乱，但在控制台中将看不到任何错误。

如果我在整个文件或仅此功能上使用$(document).ready(function()，则移动设备上的滑块将被弄乱，尽管在控制台中看不到任何错误。

如果我设置一个计时器来延迟脚本的执行，它将无法解决任何问题。

JS：如何预防种族状况？

0 个答案: