2013-03-22 2 views
0

Я использую средство просмотра изображений в лайтбоксе, и я хочу добавить кнопку в программу просмотра изображений, где говорится, что скачать. Когда они нажмут на него, они будут перенесены во внешнюю ссылку.перейти к ссылке класса

Лайтбоксы уже используют 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; 
    }); 
+0

'window.location = $ ('имя класса.). attr ('href'); ' – 2013-03-22 10:31:53

ответ

3

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; 
}); 

Плагин Lightbox сама может быть улучшена за счет использования атрибутов данных:

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

hi matt это сказать undefined. :( –

+0

Правильно, потому что кнопка '.download' не является исходной лайтбокс-ссылкой с нашим атрибутом fancy data. Какой плагин Lightbox вы используете? –

+0

это http://lokeshdhakar.com/projects/lightbox2/ я просто хочу добавить , где он скажет, скачать и отменить/закрыть, как это http://www.isacfabian.com/Untitled.png Спасибо за вашу помощь –

Смежные вопросы