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文件中，并在 functions.php 中正确enqueue it。

请记住，除非您加载了自己的jQuery版本，并且没有使用“无冲突”模式，否则您还需要稍微修改脚本以使$变量可用于你喜欢这样：

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

重新编码功能

1 个答案: