Вкладки пользовательского интерфейса jQuery, загружающие определенную ссылку на вкладке

Question

Я хочу загружать только ссылки внутри определенного элемента внутри вкладки, в противном случае он должен просто перейти к фактической ссылке.

Текущий код, который я использую, загружает все ссылки внутри контента в одной вкладке

<script type="text/javascript">
      $(function(){
        $('#tabs').tabs({
          load: function(event, ui) {
            $('a', ui.panel).click(function() {
              var tabId=$('#tabs').tabs('option', 'selected');
             $('#tabs').tabs("url", tabId, this.href).tabs("load",tabId);
              return false;
            });
          }
        });
      }); 
</script>

Закладка

    <div id="sresults" style="width: 520px">
    <div id="tabs">
        <ul>
            <li><a href="mylink.html">Songs</a></li>
            <li><a href="mylink.html">Albums</a></li>
            <li><a href="mylink.html">Videos</a></li>
            <li><a href="mylink.html">Entire Blog</a></li>
        </ul>
    </div>
</div> 

А потом вот страница внутри вкладки

<div id="content">
<a href="permalink.html">My links</a>
</div>

<div id="navi"><a href="tab?page=2">Next Page</a>
</div>

Я хочу, чтобы ссылки внутри навигационного блока загружались на вкладке, но все внешние ссылки должны переходить к реальной ссылке

Answer 1

Полагаю, вы хотите загрузить только навигационные ссылки внутри вкладки.

Если это так, просто замените

$('a', ui.panel).click(function() {

С

$('#navi a', ui.panel).click(function() {

Хотя я предлагаю вам использовать class для выбора элемента навигации вместо id, потому что вы можете получить дубликаты id s, что может вызвать проблемы в дальнейшем.