2015-04-25 2 views
1

У меня есть шрифт awesome icon <i> элемент внутри a href с target='_blank' - но только текст можно щелкнуть; нажатие на значок открывает новую вкладку с about:blank, а не фактическую ссылку.Кнопка не открыта в новом окне

<a href="..." class="not-light" target="_blank" style="display: block; "> 
    <i class="fa fa-android"></i> » 
</a> 

Как сделать значок доступным для просмотра?

Например, нажмите лампочку в нижнем колонтитуле нижнего колонтитула http://ambieye.com/.

+0

Возможно, я не могу воссоздать вашу проблему http://codepen.io/anon/pen/waBGGX – FPcond

+0

Действительно, это может быть эффект другого css или javascript на сайте. Является ли он воспроизводимым при нажатии в Chrome или локальным для моей машины? – cDima

+0

Нет, я получаю ошибку на вашем сайте, которая абсолютно сумасшедшая. Я помещаю весь свой нижний колонтитул в свой код, все равно никаких проблем. он даже работает на световом переключателе .... Я получаю ту же ошибку на вашем в chrome BTW – FPcond

ответ

0

Проблема была в обработчике javascript, а не в css/html; способ найти эти вопросы в разделе обработчиков в Chrome, в разделе «нажми обработчик» -

function handleSystemLink(a) { 
    var url = a.target.href; 

Аргумента a был i элемента, который не имел href, таким образом, открывающийся плохую связь.

+0

Интересно, так как вы это исправите? – FPcond

0

<li> Список. Список должен быть на внешнем и внутреннем тексте следующим образом:

<li style="display: block; "> 
    <a href="..." class="not-light" target="_blank"> 
     <i class="fa fa-android"></i> » The text 
    </a> 
</li> 

Попробуйте.

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