Я в процессе преобразования шаблона Bootstrap в тему WordPress, и у меня есть все мои таблицы стилей и скрипты, на которые делается ссылка в functions.php, и несколько кодов инициализации в footer.php, но есть один конкретный файл, который не выполняется правильно: http://blackrockdigital.github.io/startbootstrap-creative/js/creative.js.Невозможно запустить JS-файл в пользовательской теме WordPress
Сценарий:
(function($) {
"use strict"; // Start of use strict
// jQuery for page scrolling feature - requires jQuery Easing plugin
$('a.page-scroll').bind('click', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: ($($anchor.attr('href')).offset().top - 50)
}, 1250, 'easeInOutExpo');
event.preventDefault();
});
// Highlight the top nav as scrolling occurs
$('body').scrollspy({
target: '.navbar-fixed-top',
offset: 51
})
// Closes the Responsive Menu on Menu Item Click
$('.navbar-collapse ul li a:not(.dropdown-toggle)').click(function() {
$('.navbar-toggle:visible').click();
});
// Fit Text Plugin for Main Header
$("h1").fitText(
1.2, {
minFontSize: '35px',
maxFontSize: '65px'
}
);
// Offset for Main Navigation
$('#mainNav').affix({
offset: {
top: 100
}
})
// Initialize WOW.js Scrolling Animations
new WOW().init();
})(jQuery); // End of use strict
Я установил этот конкретный файл, чтобы использовать JQuery и будет называться до </body>
тега через functions.php, но ни один из сценариев внутри не выполняются, и Chrome возвращает эту ошибку :
Uncaught TypeError: $(...).scrollspy is not a function
Я попытался заменить $
псевдоним с jQuery
, но это не имело никакого эффекта. Я также подтвердил, что это вызвано после библиотеки jQuery.
Любая помощь была бы действительно оценена. Благодаря!
попробуйте загрузить этот скрипт в нижней части страницы? Я могу видеть в оригинальной теме перегружается в последний. Попробуйте загрузить после загрузки? – DpEN