Ссылка на проблему загрузки вкладок пользовательского интерфейса jQuery во вкладке

Question

У меня проблема с вкладками jQuery UI.Подробно, у меня есть вкладки, которые загружаются с помощью ajax, и моя проблема в том, что я хочу загрузить ссылки на страницу внутри страницы, но не могу это сделать.

Это код моей страницы с вкладками:

<script>
$(function() {


$( "#tabs" ).tabs({
    ajaxOptions: {
        error: function( xhr, status, index, anchor ){
            $(anchor.hash).html(
                "Could not load this tab");
        }
    }

});


});
</script>

<div id="tabs">
<ul>
<li><a href="#tabs-1">Welcome</a></li>
<li><a href="customer.php">Customers</a></li>
<li><a href="subscribers.php">Subscribers</a></li>
<li><a href="subscription.php">Subscriptions</a></li>
    </ul>

</div>

Давайте предположим, что я загрузил подписки на вкладки.В subscription.php есть ссылка на другую страницу, которую я хочу загрузить на той же вкладке.

Как мне заставить ее работать?

Answer 1

Вероятно, есть несколько способов сделать это, но вот простой.

Дайте вашей ссылке идентификатор, скажем, "ссылка".Установите обработчик кликов, чтобы сделать .load на странице нужным div.Итак:

 <a href="#" id="link">

<script type="text/javascript">
     $('#link').click(function() {
          $('#tabid').load('linkpage.html');
     });
</script>

Теперь немного уточнений.У вас должен быть идентификатор на вкладке «div» вкладки, в которую вы хотите загрузить контент ... Я назвал его tabid в целях иллюстрации.Загрузка берет содержимое страницы, linkpage.html и устанавливает его в качестве нового значения тега div.По сути, вы делаете внутренний HTML с внешним контентом.