Javascript jQuery选项卡不工作

我正在尝试实现jQuery选项卡来取代AJAX选项卡容器。我已经遵循了中的代码，但是我的选项卡没有显示。它只是加载整个页面，其中充满了数据，没有任何选项卡。firebug告诉我以下错误：

$（“#制表符”）。制表符不是一个函数

$（“#制表符”）.tabs（）

我已经找到了所有需要的文件的参考资料：

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>








**对所有选项卡重复到选项卡6**

谁能告诉我我做错了什么？由于.tabs（）函数不起作用，页面只是像这样加载-
不是jquery专家，但我知道您需要一些css才能使选项卡正常工作。因为它们需要相对定位。还可以查看此项以比较您的代码
 jQuery UI库的
1.8
别名是否正常工作？您是否尝试过使用特定的完整版本，例如
1.8.16
？加载页面后，您是否可以查看页面，并查看jQuery和/或jQuery UI是否已成功拉入？
您需要链接CSS文件：
尝试按此顺序加载脚本

<script src="../../jquery-1.7.1.js"></script>
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.tabs.js"></script>


您的代码工作正常。您唯一缺少的是选项卡的CSS-
如果在同一页面中有另一个jQuery元素，则可能存在冲突。我也有同样的问题，请尝试以下方法：

<script type="text/javascript">
jQuery.noConflict();     
$(document).ready(function() {
     $("#tabs").tabs();
 });


jQuery.noConflict（）；
$（文档）.ready（函数（）{
$（“#制表符”）.tabs（）；
});


然后只改变
i:；jQuery.noConflict（）

$.fn.tabs = function() {
    var selector = this;

    this.each(function() {
        var obj = $(this); 

        $(obj.attr('href')).hide();

        $(obj).click(function() {
            $(selector).removeClass('active');

            $(selector).each(function(i, element) {
                $($(element).attr('href')).hide();
            });

            $(this).addClass('active');

            $($(this).attr('href')).fadeIn();

            return false;
        });
    });

    $(this).show();

    $(this).first().click();
};

听起来jquery UI无法加载。确保js文件正在实际加载。如果您有firebug，请检查firebug net选项卡（您应该这样做）。@AlxVallejo来自jQuery UI演示站点该位置位于JSFIDLE链接的左上面板的第一行。
jQuery.noConflict（）这回答了我的问题。我仍然不明白为什么，但这也解决了我的问题。顺序对我来说绝对重要。非常感谢。
<script type="text/javascript">
jQuery.noConflict();     
$(document).ready(function() {
     $("#tabs").tabs();
 });

$.fn.tabs = function() {
    var selector = this;

    this.each(function() {
        var obj = $(this); 

        $(obj.attr('href')).hide();

        $(obj).click(function() {
            $(selector).removeClass('active');

            $(selector).each(function(i, element) {
                $($(element).attr('href')).hide();
            });

            $(this).addClass('active');

            $($(this).attr('href')).fadeIn();

            return false;
        });
    });

    $(this).show();

    $(this).first().click();
};