Блог

Я динамически добавляю вкладки на свою страницу, используя следующий скрипт:

 var tabs = $("#tabs");
$.each(results, function(index, item) {
    tabs.tabs("add","get_tab_content.aspx?tab="   item.key, item.value);
});
  

где results содержатся данные json.

Все это работает, за исключением случаев, когда я пытаюсь получить вкладку id с помощью следующего скрипта:

 $("li.ui-tabs-selected").attr("id")
  

Эта строка ничего не возвращает, как будто для вкладок в цикле выше не задан id .

Однако эта строка отлично работает, если я вручную набираю добавить вкладки и идентификаторы, например

 <div id="tabs">
    <ul>
        <li class="tab" id="tab_1"><a href="tab0.htm">Home</a></li>
        <li class="tab" id="tab_2"><a href="tab1.htm">Default</a></li>
    </ul>
</div>
  

Для этого HTML-кода вручную строка $("li.ui-tabs-selected").attr("id") возвращает либо tab_1 , либо tab_2 .

Как мне получить id название вкладки при создании вкладок с помощью цикла выше? Я предполагаю, что мне нужно указывать им идентификаторы при добавлении вкладок? Но это всего лишь предположение. Если это так, как мне присвоить им идентификаторы?

Он не добавляет id s, потому что в этом нет необходимости.

Для их идентификации используется индекс вкладки.

Зачем вам нужно иметь для них идентификатор?

Обновить

Чтобы добавить идентификатор для каждой вкладки, вы можете сделать следующее (предполагая, что вы используете код, который вы указали в своем вопросе, где новые вкладки добавляются в конце по умолчанию)

 tabs.tabs("add","get_tab_content.aspx?tab="   item.key, item.value)
    .find('>ul>li:last') // find the last li element, the tab we just added
    .attr('id',item.id); // use whatever id you want here ..i assumed you have an id in your json..
  

пример:http://jsfiddle.net/gaby/7Grb8 /

обновление 2

если вы хотите сделать это с индексом, то вам следует использовать var selected = tabs.tabs( "option", "selected" ); как описано в документах