Пользовательский интерфейс jQuery, выберите вкладку с текстовой ссылкой и загрузите специфичный для ссылки контент ajax

Question

Я использую вкладки пользовательского интерфейса jQuery, чтобы иметь вкладку, на которой я могу искать записи, а затем другие вкладки, где я могу просматривать отдельные детали записи. Я пытаюсь, чтобы ссылки результатов поиска открывали соответствующую вкладку и загружали конкретный контент Ajax для этого результата поиска.

Я могу переключать вкладки, используя href, например, код кода вкладок jQuery UI:

var $tabs = $('#example').tabs(); // first tab selected

$('#my-text-link').click(function() { // bind click event to link
    $tabs.tabs('select', 2); // switch to third tab
    return false;
});

Я вижу, что содержимое ajax обычно загружается через настройку href на самой вкладке:

<li><a id="customerTabLink" href="#tabs-2"><span>Customer</span></a></li>

Я пытался добавить это в функцию my-text-link onclick, чтобы динамически установить href для вкладки, но это не загружает содержимое в моей вкладке.

$('#customerTabLink').attr("href", "/view/dspClient.cfm?id_customers=15");

Есть ли другой способ загрузки содержимого ajax на вкладке без установки этого href? Или я неправильно устанавливаю href? Это то, что я должен использовать нагрузку даже для? http://docs.jquery.com/Events/load

Спасибо!

-Matt

Answer 1

Чтобы изменить URL-адрес, используемый вкладкой для вызовов AJAX, используйте следующее:

$('#example').tabs('url', 1, '/view/dspClient.cfm?id_customers=15');

Первый аргумент говорит о том, что вы хотите изменить URL вкладки. Второй аргумент - это индекс страницы, на которую вы хотите изменить URL-адрес (начиная с нуля, поэтому 1 - вторая вкладка), а третий аргумент - новый URL.