在左側設置嵌套jQuery中的子選項卡？

只是想知道如何將此嵌套jQuery選項卡中父標籤的子標籤設置在左側。謝謝您的幫助！在左側設置嵌套jQuery中的子選項卡？

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>News Updates.</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script> <script> $(function() { 
    $("#tabs, #tabss").tabs({ 
     event: "mouseover" 
    }); }); </script> </head> <body> <div id="tabs"> <ul> 
    <li><a href="#tabs-1">KeimoPack</a></li> 
    <li><a href="#tabs-2">Coming Soon.</a></li> 
    <li><a href="#tabs-3">Coming Soon.</a></li> </ul> <div id="tabs-1"> 
    <div id="tabss"> <script> $(function() { 
    $("#tabss").tabs().addClass("ui-tabs-vertical ui-helper-clearfix"); 
    $("#tabs li").removeClass("ui-corner-top").addClass("ui-corner-left"); 
    }); 
    </script> 
     <ul> 
     <li><a href="#tabss-1">Test</a></li> 
     <li><a href="#tabss-2">Test 2</a></li> 
     </ul> 
     <div id="tabss-1"> 
      <p>This is a test.</p> 
     </div> 
     <div id="tabss-2"> 
      <p>This is another test.</p> 
     </div> </div> </div> <div id="tabs-2"> 
    <p>Coming Soon.</p> </div> <div id="tabs-3"> 
    <p>Coming Soon.</p> </div> </div> 
    </body> </html>

來源

2014-09-23 AnodyneEntity

如果你想設置交通黑點-1和交通黑點-2到左邊，你可以使用.children()方法。

父#tabss的所有孩子將繼承父元素的此類

$("#tabss").children().addClass("ui-tabs-vertical ui-helper-clearfix");

或特定兒童（組）：

$("#tabss").children(".group-class, #group-id").addClass("ui-tabs-vertical ui-helper-clearfix");

來源

2014-09-23 02:19:44 Awena

在左側設置嵌套jQuery中的子選項卡？

回答

相關問題