如何防止URL結構影響jquery / javascript函數

Question

正在建立一個小型音樂網站，並正在使用mediaelement.js，以下代碼將默認音頻播放器替換為id =“ audio-player”

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

問題當我使用僅指定一個文件夾的網址（例如mysite.com/folder1）時，它可以正常工作，但是當我使用包含更多子文件夾的網址（例如，mysite.com / folder1 / folder2）時，出現JS TypeError

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樣式表和javascript不會加載非基本路由 ，從而解決了問題。 希望這對某人有幫助。