2014-01-22 49 views
0

你好,我想添加lightbox的下載。使用無法直接點擊圖像,所以當我點擊下載底部時,我將它們重定向到圖像頁面。通過jquery下載

但是,我想允許用戶直接下載圖像,只要他們點擊下載底部。以下是簡化代碼,但我只能更改此部分:function(){window.location = $(this).attr('href');返回false}

<a class='lb-download' href='www.XXXX.com/picture.jpb'></a> 
<script> 
$('.lb-download').on('click', function(){ 
    window.location = $(this).attr('href'); return false}) 
</script> 

非常感謝! 編輯:葉,對於語法錯誤感到抱歉,我已糾正它,但它是錯誤的。我真正的問題是我如何強制下載,而不是去圖像的頁面?

回答

0

你在這裏

一個語法錯誤,儘量

$('.lb-download').on('click', function({ 
     window.location = $(this).attr('href'); 
     return false}); 

的關鍵點是類名和括號的位置前,dot

+0

我很抱歉語法錯誤。我已修復它,但我的主要問題是我無法強制下載。相反,該方法將我帶到圖片的頁面。 – user3221483

0

當你用href單擊一個錨時,它將窗口位置改變爲href。
現在你正在做什麼錨與你的JavaScript做什麼?

爲了下載圖片被點擊的錨時,您可以使用新的瀏覽器

<a class='lb-download' href='www.XXXX.com/picture.jpg' download="picture.jpg"></a> 

FIDDLE

在您需要鏈接到一個網頁舊版本瀏覽器的下載屬性,設置正確的內容處置標題,並將圖像作爲附件傳遞。

+0

我的問題是,JavaScript「不」做什麼錨,所以這個解決方案沒有幫助,但我感謝您的評論。 – user3221483

+0

JavaScript確實*** ***錨點所做的事情,將window.location設置爲錨點href是錨點在沒有任何JavaScript的情況下單擊它時所做的操作。 – adeneo

+0

我將下載屬性與文件的名稱添加到了錨點。但是,當window.location設置爲href時,我被帶到新頁面而不是下載圖像。我做錯什麼了嗎?您可以在這裏查看網頁:http://www.sigmachapter.org/pictures/Photo_Gallery/Fall_2013__20130815/RMI_Info_Session__20131202/RMI_Info_Session__20131202.php – user3221483