網頁開發中，我們經常會用到jquery.media.js來處理媒體文件的顯示，但是在實際使用中，有時會遇到jquery.media.js重復加載的問題。

造成jquery.media.js重復加載的原因可能有很多，常見的包括：

• 代碼邏輯中多次調用jquery.media.js；
• 頁面中包含多個相同的媒體文件，并且每個文件都調用了jquery.media.js；
• 使用了緩存技術，但是緩存的jquery.media.js版本和當前代碼中引用的不一致；
• 等等。

無論如何，jquery.media.js重復加載都會帶來一些負面影響，例如頁面加載速度變慢、占用資源等。

那么，如何解決jquery.media.js重復加載的問題呢？下面介紹幾種常用的解決方法：

方法一：只加載一次jquery.media.js

if (!window.jQuery) {
var script = document.createElement('script');
script.type = "text/javascript";
script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(script);
}
if (!jQuery.fn.media) {
var script = document.createElement('script');
script.type = "text/javascript";
script.src = "/path/to/jquery.media.js";
document.getElementsByTagName('head')[0].appendChild(script);
}

以上代碼先判斷是否已經加載了jquery與jquery.media.js, 如果沒有加載則分別加載。

方法二：使用AMD規范加載jquery.media.js

requirejs.config({
paths: {
jquery: '//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min',
media: '/path/to/jquery.media.min'
}
});
require(['jquery', 'media'], function($) {
// do something
});

使用AMD規范可以很好的管理模塊與依賴，確保不會重復加載。

需要注意的是，以上方法只是解決jquery.media.js重復加載的一種思路，因具體情況而異，需要開發人員自行判斷哪種方法最適合自己的項目。