遠程jQuery的嵌套的標籤

Question

我有嵌套在jQuery的選項卡的標籤這是非常簡單的事情，如果我們想靜jQuery的標籤

，但如果我們想嵌套的標籤，遠程頁面應該決定什麼是標籤。

，或者換句話說，我想在遠程頁面（或Ajax化）

例如IM調用此頁（遠程頁）通過翼片

<div id="container-2"> 

    <ul> 
    <li><a href="#fragment-1a"><span>Section 1a</span></a></li> 
    <li><a href="#fragment-1b"><span>Section 1b</span></a></li> 

    <li><a href="#fragment-1c"><span>Section 1c</span></a></li> 

    </ul> 
    <div id="fragment-1a"> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    </div> 
    <div id="fragment-1b"> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    </div> 
    <div id="fragment-1c"> 

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    </div> 

    </div> 

在主頁我有

嵌套凸片

<script type="text/javascript"> 
$(function(){ 
$('#tabs').tabs(); 
$("#container-2").tabs(); 
}); 
</script> 
<div id="tabs"> 
     <ul> 
       <li><a href="remote.jsp"><span>Requests</span></a></li> 
     </ul> 
    </div> 

但即時通訊無法獲取遠程頁面中的嵌套選項卡。

他們在簡單的列表形式。

任何幫助

感謝

Pradyut

Answer 1

您正在嘗試將tabs()綁定到$('#container-2')，但不存在。加載標籤內容後，您需要執行此操作。

$('#tabs').tabs({ 
    load: function(event, ui){ 
    $("#container-2").tabs(); 
    } 
}); 

Answer 2

您需要調用選項卡中的＃集裝箱-2可以在被載入後，才於（）S功能。當您使用遠程選項卡時，直到選項卡打開纔會加載內容，這意味着該選項卡的內容不會在$（document）.ready（）同時被添加到DOM。試試這個：

<script type="text/javascript"> 
$(function(){ 
    $('#tabs').tabs({ 
    load: function(event, ui) { 
     $("#container-2").tabs(); 
    } 
    }); 
}); 
</script> 

我沒有測試過，所以你可能需要用代碼來搗鼓負載函數中得到它的工作，但應該讓你開始呢。

Answer 3

遠程本身應該在這裏有一個腳本

<script type="text/javascript"> 

    $(function(){ 
    $('#tabs-2').tabs(); 
    }); 
    </script> 

的例子網址： -

http://pradyut.dyndns.org/WebApplicationSecurity/newtab.jsp