javascript - 如何在不阻止功能的情况下编辑此 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');
  });
});

如果我没理解错的话，这个脚本是随机加载背景然后拉伸(stretch)图像然后加载菜单...

..我想在另一个不需要拉伸(stretch)背景的页面上使用菜单功能，我怎样才能去除对背景加载/拉伸(stretch)的依赖，只加载菜单？

提前致谢。

Answer 1

尝试使用:

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

代替:

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