如何通過點擊主菜單欄的子菜單來激活/聚焦儀表板UI選項卡

Question

我在主菜單欄中有一個菜單「任務」，子菜單名稱爲「分配」，「未分配」和「摘要」。

在菜單的下方儀表盤頁面，我有一個名爲「分配」的UI選項卡，「未分配」，報告，批准等..

我的問題是，如果我點擊子菜單「未分配「UI選項卡」UnAssigned「需要激活並顯示其內容，如果我點擊子菜單」Assigned「UI選項卡」Assigned「激活並顯示其內容。

主菜單我的HTML代碼...

 <ul> 
     <?php 
     if ($usergroup!='DigitizationArtist' && $usergroup!='GraphicArtist') 
     { echo '<li><span onclick="UnAssigned()"><a href="">UnAssigned</a></span></li>';} 
     ?> 
     <li><span onclick="Assigned()"><a href="">Assigned</a></span></li> 
     <li><span onclick="Completed()"><a href="#">Completed</a></span></li> 
     <li><span onclick="Approved()"><a href="#">Approved</a></span></li> 
    </ul> 

我的jQuery分配活躍和未分配..

<script> 
    $(function (Assigned) 
    { 
    $("#tabs").tabs({ active: 1 }); 
    }); 
</script> 
<script> 
    $(function (UnAssigned) 
    { 
    $("#tabs").tabs({ active: 0 }); 
    }); 
</script> 

我的HTML編碼UI選項卡...

<div id="tabs" class="uitabs"> 
    <ul> 
     <li><a href="#tabs-1" id="tab-1">Un Assigned</a></li> 
     <li><a href="#tabs-2" id="tab-2">Assigned</a></li> 
     <li><a href="#tabs-3" id="tab-3">Summary</a></li> 
    </ul> 
    <div id="tabs-1"></div> 
    <div id="tabs-2"></div> 
    <div id="tabs-3"></div> 

請指教...我的jquery編碼有什麼問題...（我是jquery的新手）

否則幫助我與其他JavaScripts。

Answer 1

我上傳了雲。

檢查this