jquery - 转到课程链接

Question

我正在使用灯箱图像查看器，我想在图像查看器上添加一个按钮，上面写着下载。当他们点击它时，他们将被带到一个外部链接。

Lightbox 已经使用了 href，所以我添加了一个类。

我只需要让它像

一个类=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;
  });

score 3 · Accepted Answer

HTML 数据属性被认为是针对 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>

1 回答 1