2015-05-10 6 views
0

Я пытаюсь внедрить простую прокрутку jQuery на верхнюю часть моего сайта. Я тестировал код только с помощью jquery/script, и он работает, но когда я перемещаю код в условную нагрузку Modernizr, он прерывается.Загрузка функции с помощью Modernizr Load

Я не могу понять, что мне нужно настроить с помощью условной загрузки, чтобы запустить функцию.

Modernizr.load([ 
{ 
    load: '//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js', 
    callback: function() { 
     if (!window.jQuery) { 
      Modernizr.load('../bower_components/jquery/dist/jquery.min.js'); 
     } 
    }, 
    complete: function(){ 
     // External link for rel tags 
     $('a[rel="external"]').attr('target', '_blank'); 

     // Scroll to top 
     $(function(){ 
      $(document).on('scroll', function(){ 
       if ($(window).scrollTop() > 100) { 
        $('.scroll-top-wrapper').addClass('show'); 
       } else { 
        $('.scroll-top-wrapper').removeClass('show'); 
       } 
      }); 

      $('.scroll-top-wrapper').on('click', scrollToTop); 
     }); 

     function scrollToTop() { 
      verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0; 
      element = $('body'); 
      offset = element.offset(); 
      offsetTop = offset.top; 
      $('html, body').animate({scrollTop: offsetTop}, 500, 'linear'); 
     } 
    } 
}, 
+0

дайте мне знать, если код ниже работ. После прочтения документации modernizr я думаю, что это должно быть @ user2852784 –

+0

Извините @PaulFitzgerald не было кода ниже? – user2852784

+0

Я удалил его, как я думаю, вы сказали, что он все еще не работает –

ответ

0

Вы должны изменить load URL для:

load: 'https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' 

В настоящее время не в состоянии назвать библиотеку Jquery из ТПС URL вы указали.

Чтобы помочь вам понять, как работа cdn попытается поместить оба этих URL в ваш браузер.

https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js будет видеть JQuery библиотека

//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js покажет ошибку

+0

Спасибо за это, я внес изменения, но все еще имею проблему с неработающей функцией. сделал проверку в консоли, а jquery загрузился нормально, а мой другой jquery для триггеров внешней ссылки – user2852784