css - Jquery 选项卡不显示

Question

我已经包含了 jquery css 和 jquery 文件，但仍然没有显示标签。

代码

 <link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css" type="text/css"></link>       
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<div id="tabs">
    <ul>
        <li><a href="#tabs1">he</a></li>
        <li><a href="#tabs2">Web2</a></li>          
        <li><a href="#tabs3">Co3/a></li>
        <li><a href="#tabs4">Imp</a></li>
    </ul>
</div>

Answer 1

您需要添加一个额外的 block 来实际触发到选项卡控件的转换:

<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css" type="text/css"></link>       
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<div id="tabs">
    <ul>
        <li><a href="#tabs1">he</a></li>
        <li><a href="#tabs2">Web2</a></li>          
        <li><a href="#tabs3">Co3/a></li>
        <li><a href="#tabs4">Imp</a></li>
    </ul>
</div>
<script type="text/javascript">
$('#tabs').tabs();
</script>

如果没有额外的脚本部分，div 永远不会转换为选项卡控件。