Question

正在构建一个小型音乐网站，并且正在使用mediaelement.js，以下代码将id =＆＃34; audio-player＆＃34;

替换为默认音频播放器

   $(function(){
        $('#audio-player').mediaelementplayer({
         alwaysShowControls: true,
         features: ['playpause','progress','volume'],
         audioVolume: 'horizontal',
         iPadUseNativeControls: true,
         iPhoneUseNativeControls: true,
         AndroidUseNativeControls: true
      });
   });

问题当我使用一个url只指定一个文件夹，比如 mysite.com/folder1 时它工作正常但是当我使用一个包含更多子文件夹的网址时，例如mysite.com/folder1/folder2我得到一个 JS类型错误

TypeError: $(...).mediaelementplayer is not a function
<anonymous>
noe:176
x.Callbacks/c()
jquery-1.10.2.min.js:4
x.Callbacks/p.fireWith()
jquery-1.10.2.min.js:4
.ready()
jquery-1.10.2.min.js:4
q()

免责声明：我不确定我是否正确地提出了问题，但如果您理解错误，请帮我编辑标题。提前谢谢

Answer 1

在评论中进行了一些研究并使用我的浏览器开发工具进行调查，如 CBroe 所指出的那样。我注意到文件没有加载。我还发现当我们尝试以某种方式引用未定义的对象时会出现 JS TypeError。在注意到根本没有加载的文件后，我可以编写一个更好的搜索查询，这使我找到了解决问题的问题Laravel stylesheets and javascript don't load for non-base routes。希望这有助于某人。

如何防止URL结构影响jquery / javascript函数

1 个答案: