Jquery选项卡未显示

时间:2014-07-21 11:58:20

标签: css jquery-ui

我已经包含了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>

1 个答案:

答案 0 :(得分:1)

您需要添加一个额外的块来实际触发转换为制表符控件:

<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永远不会转换为制表符控件。