2013-09-22 4 views
0

새 탭 (런타임)을 추가하려고합니다. addTab 기능 : 탭의 원래 코드는 Jquery Tabs 새로 고침 명령이 너무 많이 추가되었습니다.

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를 사용하지 않습니다) 완전히 새로운 탭이있는 새로운 두 번째 탭 막대를 보았을 때.

그것은 모든 < 리처럼 보인다> 태그 탭으로 변환됩니다 .... (tab_index.html에서 사람들은)

는 버그인가, 아니면 내가 어떻게 든 다른 리튬 태그 새로 고침 무시하는 표시해야?

편집 : 은 이제 더 < 리튬에 문제가 없다는 것을 알고있다> - 테스트에 문제가 다른 곳이어야한다, 그래서 그것이 작동 환경 ...하지만 여전히 어디에 모른다 .. .

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> 

답변