轉到課程鏈接

Question

我正在使用lightbox圖片查看器，並且我想在圖片查看器的下載位置添加一個按鈕。當他們點擊它時，它們將被帶到外部鏈接。

燈箱已經使用href，所以我添加了一個類。

我只需要使它像

http://www.websitetogo.com =一類

一類= thisiswheretogo

location.href = 'thisiswheretogo';

對不起，我不好解釋

HTML

<a href="img/image viewer/the-infinity.png" rel="lightbox" class="http://www.websitetogo.com" >...</a> 

的JavaScript

$lightbox.find('.download').on('click', function(e) { 
    location.href = 'class' ; 
    return false; 
    }); 

Answer 1

HTML data attributes被認爲是用於存儲針對DOM任意數據更好的解決方案。此數據可以在以後通過jQuery.data()檢索：

<a href="img/image viewer/the-infinity.png" rel="lightbox" data-external-link="http://www.google.com/">Image</a> 

$lightbox.find('.download').on('click', function(e) { 
    window.location.href = $(this).data('external-link'); 
    return false; 
}); 

的燈箱插件本身可以利用數據來改善屬性：

<a href="viewer/the-infinity.png" data-media-type="img/image" data-external-link="http://www.google.com/" rel="lightbox">Image</a>