2016-05-04 68 views
0

我讓一位朋友在wordpress音頻播放器旁邊添加了一個下載按鈕,這樣我就可以輕鬆下載每個配樂。WordPress在播放器旁邊播放了一個自定義下載按鈕,而不是下載

他寫在foother.php碼的這些行對我來說:

function createMejsDownload(){ 
    var href = jQuery('.wp-playlist-playing a').attr('href'); 
    var controllerWidth = jQuery('.mejs-inner').width(); 
    var controllerWidth2 = controllerWidth-35; 
    var html = '<a href="'+href+'" class="mejs-download"></a>'; 
    jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
    jQuery('.mejs-inner').append(html); 
    var href = jQuery('.wp-playlist-playing a').attr('href'); 
    var controllerWidth = jQuery('.mejs-inner').width(); 
    var controllerWidth2 = controllerWidth-35; 
    jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
    jQuery('.mejs-time-rail').css('width', (controllerWidth2-174)+'px'); 
    jQuery('.mejs-time-rail .mejs-time-total.mejs-time-slider').css('width', controllerWidth2-184); 
    jQuery('.mejs-download').attr('href', href); 
    jQuery('.mejs-controls').trigger('click'); 
    setInterval(function(){ 
     var href = jQuery('.wp-playlist-playing a').attr('href'); 
     var controllerWidth = jQuery('.mejs-inner').width(); 
     var controllerWidth2 = controllerWidth-35; 
     jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
     jQuery('.mejs-time-rail').css('width', (controllerWidth2-174)+'px'); 
     jQuery('.mejs-time-rail .mejs-time-total.mejs-time-slider').css('width', controllerWidth2-184); 
     jQuery('.mejs-download').attr('href', href); 
     jQuery('.mejs-controls').trigger('click'); 
    }, 1); 
} 

的問題是我的下載按鈕單擊它只是起着一個新的標籤,而不是下載的MP3文件每次。我想我聽說他告訴我這與「force_dll」或某事有關,但他不知道該怎麼做。

我搜索了force_dll問題,並提出了Google Chrome解決方案。它似乎像等待點擊下載按鈕時可以實際下載谷歌瀏覽器中的文件,但我並不真的想做這樣的事情!除此之外,我也不想使用第三方應用程序。

任何幫助,將不勝感激!

+0

你用過谷歌嗎?我花了10秒找到一個解決方案(甚至在SO上)。 http://stackoverflow.com/questions/2793751/how-can-i-create-download-link-in-html – SZenC

+0

你讀過我問過那裏嗎? :)它需要你10秒鐘來找出我真正想要的東西。我在哪裏說我想創建一個下載鏈接?更不用說在HTML頁面中了?並相信我,答案是沒有,因爲就像我說這是一個WordPress的播放器的定製下載按鈕,除此之外,我沒有編程技巧,這就是爲什麼我要求幫助。如果你可以修改給定的代碼或以其他方式幫助我,那將是非常好的。感謝您的注意! –

回答

0

試試這個:

function createMejsDownload(){ 
var href = jQuery('.wp-playlist-playing a').attr('href'); 
var controllerWidth = jQuery('.mejs-inner').width(); 
var controllerWidth2 = controllerWidth-35; 
var html = '<a href="'+href+'" class="mejs-download" download></a>'; 
jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
jQuery('.mejs-inner').append(html); 
var href = jQuery('.wp-playlist-playing a').attr('href'); 
var controllerWidth = jQuery('.mejs-inner').width(); 
var controllerWidth2 = controllerWidth-35; 
jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
jQuery('.mejs-time-rail').css('width', (controllerWidth2-174)+'px'); 
jQuery('.mejs-time-rail .mejs-time-total.mejs-time-slider').css('width', controllerWidth2-184); 
jQuery('.mejs-download').attr('href', href); 
jQuery('.mejs-controls').trigger('click'); 
setInterval(function(){ 
    var href = jQuery('.wp-playlist-playing a').attr('href'); 
    var controllerWidth = jQuery('.mejs-inner').width(); 
    var controllerWidth2 = controllerWidth-35; 
    jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
    jQuery('.mejs-time-rail').css('width', (controllerWidth2-174)+'px'); 
    jQuery('.mejs-time-rail .mejs-time-total.mejs-time-slider').css('width', controllerWidth2-184); 
    jQuery('.mejs-download').attr('href', href); 
    jQuery('.mejs-controls').trigger('click'); 
}, 1); 
} 

我剛添加的download<a>標籤在5日線:

var html = '<a href="'+href+'" class="mejs-download" download></a>'; 

如果不工作,5日線改爲:

var html = '<a href="'+href+'" class="mejs-download" target="_blank"></a>'; 
+0

非常好,幾乎有 這兩個mods都解決了Firefox和Google Chrome中的問題,但是在Internet Explorer中存在問題。當我點擊播放器時,它會下載mp3文件而不是播放。這個問題已經存在,我沒有提前注意到。它與你的mod無關。 而且第一個問題仍然存在於移動瀏覽器中。我無法以任何方式下載文件。 –

+0

根據移動設備的不同,您可能無法下載文件。 – coopersita

+0

我檢查了其他基於WordPress的網站,我可以輕鬆下載它們。有點奇怪 ! –

相關問題