2016-02-14 2 views
1

Я в процессе преобразования шаблона 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.

Любая помощь была бы действительно оценена. Благодаря!

+0

попробуйте загрузить этот скрипт в нижней части страницы? Я могу видеть в оригинальной теме перегружается в последний. Попробуйте загрузить после загрузки? – DpEN

ответ

0

Я думаю, что вы забыли связать bootstrap.min.js или связать его правильно

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
+0

У меня есть следующие функции functions.php: 'wp_enqueue_script ('bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js');' –

+0

@Mario Parra .. вы пытаетесь найти http до cdn, как .... http: // mxcdn ... –

Смежные вопросы