Question

所以我继承了一些我想要自定义的代码，并且遇到了障碍。我相信这段代码就是问题所在：

jQuery(function($){
var photos = [
'cover/001_final.jpg',
'cover/002_final.jpg',
'cover/003_final.jpg',
'cover/004_final.jpg',
'cover/006_final.jpg',
'cover/007_final.jpg',
'cover/008_final.jpg',
'cover/009_final.jpg',
'cover/044_final.jpg',
'cover/085_final.jpg',
'cover/123_final.jpg' ]

$.backstretch(photos[Math.floor(Math.random() * photos.length)]);

$(document.body).on("backstretch.show", function () {
$('body').addClass('load');
});

$('.nav-link a')
  .hover(
    function() { $(this).addClass('hover'); },
    function() { $(this).removeClass('hover'); })
  .click(function(){
    $(this).removeClass('hover');
  });
});

如果我理解正确，这个脚本会随机加载背景，然后拉伸图像，然后加载菜单...

..我想在另一个不需要拉伸背景的页面上使用菜单功能，如何删除背景加载/拉伸的依赖性并只加载菜单？

提前致谢。

Answer 1

尝试使用：

$(function () {
    $('body').addClass('load');
});

而不是：

$(document.body).on("backstretch.show", function () {
    $('body').addClass('load');
});

如何在不阻止功能的情况下编辑此Javascript？

1 个答案: