jQuery中的标签功能即使在添加jQuery库后也不起作用

我正在尝试向我的网站添加选项卡以导航黑白两个子菜单。 基本上，当您单击"突出显示"或"新闻"时，该部分中会出现一组新元素。

我添加了jquery库：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

但是当我检查控制台时，我仍然收到消息"未捕获的类型错误：对象 [对象对象没有方法'选项卡'"未定义。

我添加了库：

<script src="public/scripts/applicat.js" type="text/javascript"> </script>

但是当我检查控制台中的"$（"正文"）时，它返回"null"。（网站上上传的文件有此应用程序.js包含文件）

我已经尝试了所有方法，但似乎无法弄清楚如何添加tabs方法，并且jQuery链接到我的HTML也没有问题。

这就是 tabs 函数的调用方式（就在正文结束之前）：

<script type="text/javascript" charset="utf-8">
jQuery().ready(function() { 
jQuery("#discussion-sections > nav ul").tabs("#discussion-sections > section");
});
</script>

奖金问题您知道如何扩展选项卡标题的长度以使水平线穿过页面吗？ 我尝试在定义选项卡的 UL 中添加底部边框，但在这种情况下，它甚至会在所选选项卡下方的区域添加一条线。

谢谢路易斯