私は次のスクリプトを持っていますが、#slider のないページに移動すると、その下にあるコードが壊れます。#slider がページ上にあるかどうかを確認します。このエラーが発生しています。キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] にメソッド 'slitslider' がありません
このセクションを指すslitslider = $( '#slider' ).slitslider( {
(function ($) {
if ($('#slider')) {
var Page = (function () {
var $navArrows = $('#nav-arrows'),
$nav = $('#nav-dots > span'),
slitslider = $('#slider').slitslider({
autoplay: true,
onBeforeChange: function (slide, pos) {
/**
* THIS SECTION MANAGES THE TRIANGLE COLORS EVERY TIME THE SLIDER BACKGROUND CHANGES SO DOES THE TRIANGLE.
*/
//get the colors of each slide
//and set it that color to the bottom-triangle.
var newpos = pos;
++newpos;
var triangleColor = $('.bg-' + newpos + ' .sl-slide-inner').css('backgroundColor');
$('.expertise-triangle').css('border-color', triangleColor + ' transparent transparent transparent');
/**
* THIS SECTION HANDLES THE DOT NAVIGATIONS ON TOP OF THE TRIANGLES.
*/
$nav.removeClass('nav-dot-current');
$nav.eq(pos).addClass('nav-dot-current');
}
}),
init = function () {
initEvents();
},
initEvents = function () {
// add navigation events
$navArrows.children(':last').on('click', function () {
slitslider.next();
return false;
});
$navArrows.children(':first').on('click', function () {
slitslider.previous();
return false;
});
$nav.each(function (i) {
$(this).on('click', function (event) {
var $dot = $(this);
if (!slitslider.isActive()) {
$nav.removeClass('nav-dot-current');
$dot.addClass('nav-dot-current');
}
slitslider.jump(i + 1);
return false;
});
});
};
return {
init: init
};
})();
Page.init();
} else {
return;
}
})(jQuery);