jQuery ui选项卡根本不呈现

我正在尝试在我的网站中设置选项卡面板。问题是，它不是渲染。以下是指向页面和相关html的链接：

$（文档）.ready（函数（）{
$（函数（）{
$（“#制表符”）.tabs（）；
});
})
控制台中没有错误？它变得更奇怪了。我设法打开了标签（其他一些javascript干扰了我）。但在选项卡内不会呈现主页。但是HTML没有被重新加载，因为源代码是干净的。您需要发布更新的代码。顺便说一句，您不需要内部的
$（function（）{}
调用（只需要
$（'#tabs'）.tabs（）
），它与
$（document.ready（）
）相同。实际上，您在这里调用它两次。
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="/js/ckeditor/ckeditor.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $(function() {
        $( "#tabs" ).tabs();
    });
})
</script>
<form action="<?php echo $_SERVER['REQUEST_URI'] ?>" method="POST">
        <div id="tabs">
            <ul>
                <li><a href="#tabs-1">Slug</a></li>
                <li><a href="#tabs-2">Page</a></li>
           </ul>
            <div id="tabs-1">
                Titel: <input type="text" name="title" /><br />
                Slug: <input type="text" name="slug" /><br />
                Model: <input type="text" name="model" /><br />
                View: <input type="text" name="view" /><br />
            </div>
            <div id="tabs-2">
                    Titel: <input type="text" name="title" /><br />
                    Beschrijving: <input type="text" name="description" /><br />
                    Keywords: <input type="text" name="keywords" /><br />
                    Tekst:<br />
                    <textarea name="text" cols="80" rows="15" class="ckeditor">abjioo</textarea><br />
            </div>
        </div>
    </form>