Привязка встроенного CSS (Открыть в новой вкладке) не работает - PullRequest
Новая
       1

Привязка встроенного CSS (Открыть в новой вкладке) не работает

0 голосов
/ 02 ноября 2011

Я пытаюсь добавить встроенный CSS, чтобы открыть все ссылки в новой вкладке, но это не работает: 

<style type="text/css">
a
{
target-name: new;
 target-new : tab; 

}
</style>
<body>
<a href="http://www.google.com" >Google </a>
</a>
</body>

Я хочу открыть ссылку на новой вкладке и не хочу использовать свойство 'target' для каждой ссылки.

Ответы [ 3 ]

5 голосов
/ 02 ноября 2011

Ни CSS-свойства target-name, ни target-new не будут работать.Они были предложены спецификацией CSS3, но не поддерживаются ни одним крупным браузером.Вам придется полагаться на использование атрибута target = "" тега привязки или использовать JavaScript, если вам нужно что-то более динамичное.

1 голос
/ 02 ноября 2011

Я обычно применяю rel = external attribute и использую javascript, чтобы открыть новое окно для внешних ссылок: 

<a href="http://www.yahoo.com" rel="external">Yahoo</a><br />
<a href="#">Internal</a>

$('a[rel=external]').click(function(e){
    e.preventDefault();
    window.open(this.href, '_blank');
});

http://jsfiddle.net/chovy/CtLtv/

0 голосов
/ 03 ноября 2011

Спасибо всем парням за их комментарии и ответы, следующий код JQuery исправил мою проблему: 

<script type="text/javascript">
$(document).ready(function(){
$("a").each(function()
 {
  $(this).attr("target","_blank");
  });
});
</script>

ref: http://css -tricks.com / snippets / jquery / open-external-links-in-new-window /

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...