2013-09-22 3 views
0

Я пытаюсь добавить новую вкладку (runtime). Функция addTab:JQuery Tabs refresh command добавляет слишком много

function addTab(name,url,ctx) { 
    var tabs = $("#tabs"); 
    tabs.find(".ui-tabs-nav").append('<li><a href="tab-struktura.html">Nazwa</a> <span class="ui-icon ui-icon-close" role="presentation">Remove Tab</span></li>'); 

    tabs.tabs("refresh"); 
} 

Исходный код для вкладок:

<div id="tabs" class="tabs-bottom" style="background:url(/images/bg_document.png) top center no-repeat;"> 
    <ul> 
    {foreach from=$master_structure item=item} 
    <li><a href="tab_index.html?ctx={$item->id_jed}">{$item->nazwa}</a></li> 
    <li><a href="tab_index.html?ctx={$item->id_jed}">{$item->nazwa}</a></li> 
    {/foreach} 
    </ul> 
    <div class="tabs-spacer" style="height:0px"></div> 
</div> 

(в PARAMS не используются, потому что я уменьшенный код для уверенных значений)

Я очень удивлен, когда я увидел новую вторую панель вкладок с совершенно новыми вкладками.

Похоже, все < li> теги преобразуются в закладки .... (те из tab_index.html)

Является ли это ошибка или я должен отметить как-то другие тег Li быть проигнорированы обновлениями?

отредактирован: Теперь я знаю, что нет никаких проблем с более < li> - в тестировании Enviroment это работает, так что проблема должна быть где-то еще ... но до сих пор не знаю, где .. .

источник на jsFiddle: http://jsfiddle.net/Sledgehammer/hCdRy/, tab_index.html является:

<ul class="box-menu main-menu"> 
    <li class="active"><a href="deny.html">e-sklep</a></li> 
</ul> 
<table class="panel-table"> 
    <tr> 
    <td><span style="cursor:pointer" onclick="$.addTab();">PRESS HERE TO ADD TAB</span></td> 
    </tr> 
</table> 

ответ

Смежные вопросы