Получить URL из элемента visibile и добавить ссылку на другой элемент? - PullRequest
Новая
       25

Получить URL из элемента visibile и добавить ссылку на другой элемент?

0 голосов
/ 07 февраля 2012

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

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

Я хотел бы получить URL только из видимого изображения.

HTML: 

<div id="rgslideshow-4574" class="rgslideshow">
<a href="fuer-patienten">
<a href="fuer-patienten/unser-team">
<img class="rgssimg" width="715" height="361" border="0" title="Dies ist eine Beschreibung zu Bild 2 " alt="Dies ist eine Beschreibung zu Bild 2" src="uploads/tx_rgslideshow/test2.jpg" style="display: none; visibility: hidden; opacity: 0;">
</a>
<a href="fuer-patienten/patienteninformationen">
<img class="rgssimg" width="715" height="361" border="0" title="Dies ist eine Beschreibung zu Bild 3 " alt="Dies ist eine Beschreibung zu Bild 3" src="uploads/tx_rgslideshow/test3.jpg" style="display: block; visibility: visible; opacity: 1;">
</a>
</div>

Эточто я пробовал с jQuery: 

jQuery(document).ready(function($) {

    var getUrlFromHREF = $('#rgslideshow-4574 a ').attr('href');

    alert(getUrlFromHREF);

    $('.rgstitle, .rgsdescription').click(function(event) {
        window.open(getUrlFromHREF, '_self');
        return false;
    });
});

Заранее спасибо!

Ответы [ 2 ]

0 голосов
/ 07 февраля 2012

Вы также можете использовать метод .filter () : 

var getUrlFromHREF = $('#rgslideshow-4574 a img').filter(':visible').parent().attr('href');

Используя этот метод, вы получите небольшое увеличение производительности по сравнению с custom: visible selector

Обновление: только что заметил, что ваш HTML-код недействителен. Первый якорь не закрыт.

0 голосов
/ 07 февраля 2012

Если для отображения / скрытия изображений не используется прозрачность, это должно сработать (

$('.rgstitle, .rgsdescription').click(function(event) {
    window.open($('#rgslideshow-4574 a:visible').attr('href'), '_self');
    return false;
});

РЕДАКТИРОВАТЬ: Вы не должны определять ссылку при загрузке документа, а только при нажатии, так как вас интересует ссылка текущего видимого изображения.

...