javascript - 重新编码函数

Question

我发现这个函数可以在移动设备上禁用 skrollr javascript。它不是为 Wordpress 编写的，但我想将其放入我的functions.php

$(function () {
// initialize skrollr if the window width is large enough
if ($(window).width() > 767) {
skrollr.init(yourOptions);
}

// disable skrollr if the window is resized below 768px wide
$(window).on('resize', function () {
if ($(window).width() <= 767) {
  skrollr.init().destroy(); // skrollr.init() returns the singleton created above
}
});
});

我是编程新手，所以我不知道它应该在哪里实现才能工作

对于那些不熟悉 skrollr 的人来说，为 div 提供效果的 html 是 ex。

<div class="container-fluid" data-75="opacity: 1;" data-250="opacity: 0;" 

...

Answer 1

您不应该将其放入functions.php中。这不是 PHP 代码...这是 JavaScript。

相反，您应该将其添加到外部 JavaScript 文件并正确 enqueue it在functions.php中。

请记住，除非您加载了自己的不使用“无冲突”模式的 jQuery 版本，否则您还需要稍微修改脚本以使 $您可以使用变量，如下所示:

(function($){
    // Your jQuery
})(jQuery);