Stratus 2, jQuery и Adobe Muse

У меня проблемы с веб-плеером "Stratus 2" на моем сайте. Я скачал и поместил "Jquery" в общую папку. Он называется jquery.js

Затем я прикрепил следующий код прямо перед тегом end body.

<html class="html">
<head>

<script type="text/javascript">
   if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["jquery-1.8.3.min.js", "museutils.js", "jquery.scrolleffects.js", "jquery.musepolyfill.bgsize.js", "jquery.watch.js", "webpro.js", "musewpslideshow.js", "jquery.museoverlay.js", "touchswipe.js", "index.css"], "outOfDate":[]};
</script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://stratus.sc/stratus.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $.stratus({
      download: false,
      align: 'top',
      user:false,
      color:'E8C58B',
      links: 'https://soundcloud.com/man-in-a-loft-downtown/sets/the-latest'
    });
  });
</script>

Я также попытался ввести код в теги головы тоже. Плеер не показывает. Какие-нибудь мысли?

Я получаю эту ошибку на консоли

$.stratus is not a function

Но я вижу, что файл stratus.js загрузился.

КОД ПОЛНОЙ ГОЛОВКИ: http://shrib.com/aA2V6JqX

Пожалуйста, посмотрите и отредактируйте соответственно.

Источник

2 ответа

Решение

Я слушаю ваш музыкальный проигрыватель прямо сейчас, после того, как слоняюсь по сайту, звучит здорово

Вы загружаете две разные версии jQuery.

// version 1.8.3
window.Muse.assets = {"required":["jquery-1.8.3.min.js", "museutils.js", "jquery.scrolleffects.js", "jquery.musepolyfill.bgsize.js", "jquery.watch.js", "webpro.js", "musewpslideshow.js", "jquery.museoverlay.js", "touchswipe.js", "index.css"], "outOfDate":[]};

А 1.7.2

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Если вы изучите сгенерированный HTML, то увидите, что Muse загружает jQuery после загрузки вашего плагина stratus, поэтому перезаписывает его.

Плохое, но работающее решение - подождать, пока загрузится jQuery, загруженный Muse, но я не знаю простого способа обнаружить это, так что вы можете просто подождать. Удалите строку, загружающую 1.7.2, и измените сценарий инициализации на

function checkjQuery() {
    if (window.jQuery) {
      $.getScript( "http://stratus.sc/stratus.js", function() {
        $.stratus({
          download: false,
          align: 'top',
          user:false,
          color:'E8C58B',
          links: 'https://soundcloud.com/man-in-a-loft-downtown/sets/the-latest'
        });
      });
    } else {
      setTimeout(checkjQuery, 10);
    }
}
checkjQuery();
Источник

Обновите вашу версию jQuery до 1.7 или более, и измените $('body').stratus( поставленный $.stratus(

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://stratus.sc/stratus.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$('body').stratus({
  links: 'https://soundcloud.com/iagoofficial/iago-hold-back'
 });
});
</script>
</head>
<body>
</body>
</html>
Источник
Другие вопросы по тегам