Yepnope не работает, как ожидалось

Question

Я использую yepnope в своем проекте. Я хочу загружать только необходимые файлы js и css на своей странице. Но yep nope не работает должным образом.

Мои коды

$(document).ready(function(){
   yepnope([{
    // Load jquery from a 3rd party CDN
    load: 'https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js',
    callback: function (url, result, key) {
      if (!window.jQuery) {
        yepnope('3rdparty/js/jQuery2.1.4.js');
      }
    }
  }]);
})

Но это на самом деле не загружает, что может быть возможным решением?

Answer 1

Я полагаю, что вы пытаетесь использовать jquery до того, как вы действительно загрузите его с помощью yepnope, попробуйте поместить ваш скрипт в конец вашей DOM, непосредственно перед закрытием тега body следующим образом:

   yepnope([{
    // Load jquery from a 3rd party CDN
    load: 'https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js',
    callback: function (url, result, key) {
      if (!window.jQuery) {
        yepnope('3rdparty/js/jQuery2.1.4.js');
      }
    }
  }]);

Если вы видите, я удалил событие готовности документа, потому что оно выполняется jquery, а вы загружаете jquery в свой yepnope. Другое дело, вы получаете какую-либо ошибку в вашей консоли? может быть $ is not defined?