Запретить отображение индикатора внешней ссылки на изображениях - PullRequest
Новая
       0

Запретить отображение индикатора внешней ссылки на изображениях

2 голосов
/ 20 апреля 2011

Я добавил следующий бит в свой CSS: 

#content a[target^="_blank"] {
    background-image:url(images/extlink.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
}

Это дает небольшой индикатор внешних ссылок (виден в Википедии) для всех ссылок, которые открываются в новом окне.Проблема в том, что он также делает это для связанных изображений.Очевидно, я не хочу иметь эту графику на изображениях.У кого-нибудь есть идеи, как это обойти?

Редактировать Есть ли способ сделать это с помощью jQuery?

1 Ответ

2 голосов
/ 22 апреля 2011

Если вы переместите эти стили в класс CSS, называемый внешним, этот код jQuery должен работать (не проверено): 

$('a').each(function() {
    if($(this).attr('target') == '_blank') && $(this).find('img').length == 0) {
        $(this).addClass('external');
    }
});
...