jQuery没有定义,$没有定义,也无法读取属性'fn'

时间:2017-08-15 00:03:49

标签: javascript jquery html ruby-on-rails jplayer

我正在为大学项目制作网络应用程序。这是关于音乐,直到我可以轻松上传音乐,但是当我要重现时,我有几个问题,我一直在寻找并且还没有能够解决。 主要是当我检查我的页面时,我总是得到未定义的jQuery错误,并且当一首歌播放它时,我得到$未定义的错误。但是当我在那时加载页面并让我播放歌曲时,我可以正常播放下一首歌曲。但每当我开始部分并尝试在开始时播放它们永远不会奏效。并且总是需要重新加载页面以使其正常工作。

这是html的负责人:

<head>
  <script src="http://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript"></script>
  <Script type="text/javascript" src="/js/jquery.jplayer.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $("#jquery_jplayer_1").jPlayer({
          ready: function () {
            $(this).jPlayer("setMedia", {
              mp3: "<%=@article.mp3.url%>"
            });
          },
          swfPath: "/js",
          wmode: "window",
          supplied: "mp3",
          useStateClassSkin: true,
          autoBlur: false,
          smoothPlayBar: true,
          keyEnabled: true,
          remainingDuration: true,
          toggleDuration: true
        });
      });
    </script>
</head>

目前我在html的第一行有一个<%=render "reload"%>。因为在我每次去评论一首歌之前我必须加载页面。有了这个,我没有必要这样做。但我仍然有上面提到的问题。 这是_reload:

<script type="text/javascript">
 $(document).ready(function() {
         location.reload();
 });
 </script>

1 个答案:

答案 0 :(得分:0)

您的插件页面显示您在此帖子中遗漏了一些信息。指向css文件的链接,例如:

$udid = mysqli_real_escape_string($connect, $udid);
$sql = mysqli_query($connect, "SELECT udid FROM data WHERE udid = '$udid'");

这是您的插件的编解码器按预期工作。 https://codepen.io/anon/pen/eEGbXG

它使用引用的jQuery版本1.11.1和插件&#39;样式和js的CDN链接,您也可以在此处找到:https://cdnjs.com/libraries/jplayer

我使用了相同的标记并注释掉了你的jPlayer函数,它也可以运行。

我在这里从插件页面引用的主体中添加了示例标记:http://jplayer.org/latest/quick-start-guide/step-6-audio/

希望这有帮助!