Question

我被要求将Stratus 2 Beta添加到我们的网站，以便我们可以播放音乐。我去了stratus网站，他们把它们的代码添加到网站HTML看起来很简单，但我无法让它工作。

这就是我所拥有的（包括jQuery文件）：

<script type="text/javascript" src="jquery.js"></script>    
<script type="text/javascript" src="http://stratus.sc/stratus.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
     $.stratus({
       links: 'http://soundcloud.com/wearelisten/listen_2'
     });
   });
</script>

我在</head>和<body>脚本之间有这个。

Answer 1

我最近遇到了同样的问题，并且使用旧的jQuery库解决了这个问题 - stratus使用了$ .browser，它在jQuery 1.9中删除了。我使用的是版本1.7.2：

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

我的播放器终于工作了！您可以在此处查看测试页演示：www.tworoxdesign.com/EliotCurtis

希望这可以帮助任何有这个问题的人！

马特

Answer 2

确保您已安装jQuery

<script type="text/javascript" src="jquery.js">指向jquery.js文件，它是jQuery的主库。这就是给你问题的原因。

从他们的网站下载Jquery产品，解压缩并上传到您的网站（我将其放入jquery文件夹中）并将src="jquery.js"更改为src="jquery/jquery.js"（假设 jquery 是你的文件夹）

OR

引用Google托管的标签，将标签更改为方法1，如“ Using Google to host your jQuery (or other) JavaScript libraries ”中所述：

Answer 3

你正在使用什么浏览器？如果它是Internet Explorer它不工作。检查 - ＆gt; stratus.sc and IE

Answer 4

始终在关闭正文标记之前将脚本放在页面底部。

看起来你缺少一个jQuery字符串选择器。将您的代码更新为以下示例。

<script type="text/javascript" src="jquery.js"></script>    
<script type="text/javascript" src="http://stratus.sc/stratus.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('body').stratus({
            links: 'http://soundcloud.com/wearelisten/listen_2'
        });
    });
</script>

Answer 5

有点兴奋似乎有两个问题要让这个与项目网站上的例子一起使用。

正如MDizzleDogg所说...。浏览器已被弃用。你能做的也是 A）使用旧版本的jQuery。要么 B）使用迁移插件found here.

下一个问题出在自定义示例中。它说：

<script type="text/javascript">
$(document).ready(function(){
 $stratus({
  auto_play: true,
  download: false,
  links: 'http://soundcloud.com/qotsa',
  random: true
 });
});
</script>

问题是javascript认为$ stratus是一个变量而且从未定义过。要修复它，只需将$ stratus更改为$ .stratus

我希望这是有道理的。

使Stratus 2 Beta与网站HTML代码兼容的难度

5 个答案: