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

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');
});