1

Почему не работает внешняя ссылка на другие сайты?

$(document).ready(function(){

    $('#cont').tabs();
    
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div id="cont">
     <ul>
         <li><a href="https://www.yandex.ru/">Первая</a></li>
         <li><a href="https://www.yandex.ru/">Третья</a></li>
     </ul>
 </div>

2
  • Видать потому что функция tabs() вешает свой обработчик события на клик по ссылкам, парсит их для якорей например и предотвращает дефолтное поведение далее.
    – SLy_huh
    Commented 30 янв. 2017 в 14:50
  • @SLy_huh там суть плагина в том, что он указанные ссылки показывать должен :) загружать контент через ajax и показывать как-то
    – teran
    Commented 30 янв. 2017 в 15:15

2 ответа 2

2

Просто табс вешает свои условия на элементы. Так это работает:

$(document).ready(function(){
    $('#cont').tabs();
    $('#cont a').on("click",function(){
    	$('#frame').src = $(this).attr('href');
    })
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   <script
		  src="http://code.jquery.com/ui/1.12.0/jquery-ui.min.js"
		  integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E="
		  crossorigin="anonymous"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" media="screen" />
<div id="cont">
     <ul>
         <li><a href="https://www.yandex.ru/">Первая</a></li>
         <li><a href="https://www.yandex.ru/">Третья</a></li>
     </ul>
  <iframe width="400" height="400" name="panel" id="frame"></iframe>
 </div>

2
  • А можно сделать чтобы ссылки открывались непосредственно в панели?
    – PeGaS
    Commented 30 янв. 2017 в 15:25
  • я добавил iframe, только яндекс не открывается в iframe
    – L. Vadim
    Commented 30 янв. 2017 в 15:47
1

Потому что CORS, а точнее Same Origin Policy не позволит получить данные с чужого сайта.

Можно попытаться использовать iframe'ы, но серьёзные сайты и это не позволят.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.