Инструменты jQuery: только одна вкладка AJAX - PullRequest
Новая
       28

Инструменты jQuery: только одна вкладка AJAX

2 голосов
/ 23 января 2011

Я хотел бы использовать jQuery Tools Tabs , иметь набор обычных встроенных вкладок с контентом и одну вкладку AJAX.Но я вижу только образцы либо встроенного содержимого, либо содержимого ajax.Могу ли я их смешать?

1 Ответ

3 голосов
/ 23 января 2011

AFAIK, это либо все AJAX, либо ни одного. Тем не менее, вы можете легко AJAX одной панели самостоятельно. Все, что вам нужно сделать, это добавить обработчик кликов (желательно с помощью .one(), чтобы он удалялся после первого запуска); этот обработчик кликов может затем загрузить содержимое панели с помощью .load() или любого другого значения AJAX, которое вы хотите.

Например, HTML будет выглядеть примерно так: 

<ul class="tabs">
    <li><a href="#">Tab 1</a></li>
    <li><a href="#">Tab 2</a></li>
    <li id="ajax-tab"><a href="#">Tab 3</a></li>
</ul>
<div class="panes">
    <div>First tab content. Tab contents are called "panes"</div>
    <div>Second tab content</div>
    <div id="ajax-pane"></div>
</div>

и JavaScript будет выглядеть примерно так: 

$("ul.tabs").tabs("div.panes > div");
$('#ajax-tab').one('click', function() {
    $('#ajax-pane').load('/some/path/that/returns/our/html');
});

А вот простой живой пример: http://jsfiddle.net/ambiguous/stxha/

...