jquery - クラスリンクに移動

Question

ライトボックス画像ビューアを使用していますが、画像ビューアにダウンロードというボタンを追加したいと考えています。クリックすると、外部リンクに移動します。

Lightbox はすでに href を使用しているため、クラスを追加しました。

私はちょうどそれのようにする必要があります

クラス = thisiswheretogo

location.href = 'これはどこに行く' ;

私の悪い説明で申し訳ありません

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