Question

我遇到了＆＃34; Stratus 2＆＃34;我的网站上的网络播放器。我已下载并放置＆＃34; Jquery＆＃34;进入公共文件夹。它名为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>

我也试过在head标签中输入代码。玩家没有表现出来。有什么想法吗？

我在控制台上收到此错误

$.stratus is not a function

但是我看到stratus.js文件确实加载了。

全头代码： http://shrib.com/aA2V6JqX

请仔细查看并进行相应编辑。

Answer 1

我现在正在听你的音乐播放器在你的网站上乱逛，听起来不错！

您正在加载两个不同版本的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在加载stratus插件后加载jQuery，因此会覆盖它。

一个糟糕但有效的解决方案是等到Muse加载的jQuery被加载，但我不知道一种简单的方法来检测它，所以你可以给它一个忙碌的等待。删除加载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();

Answer 2

将您的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>

Stratus 2，jQuery和Adobe Muse

2 个答案: