Question

我被卡住了:(我一直在我的主html上得到这个错误，但在demo html中运行正常，所以也许其中一个文件正在调用不存在的东西？我试着单独复制js或者只是调用他们从他们的文件夹'jqueryui'，似乎没有任何工作......有人帮忙吗？

<!DOCTYPE html>
<head>
        <meta charset="utf-8">
        <title></title>
        <meta name="description" content="">

    <link rel="stylesheet" href="jqueryui/themes/base/jquery.ui.tabs.css">
    <script type="text/javascript" src="jqueryui/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="jqueryui/ui/jquery.ui.core.js"></script>
    <script type="text/javascript" src="jqueryui/ui/jquery.ui.widget.js"></script>  
    <script type="text/javascript" src="jqueryui/ui/jquery.ui.tabs.js"></script>

    <script>
    $(function() {
        $( "#tabs" ).tabs();
    });
    </script>

</head>
<body>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1">
        <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
    </div>
    <div id="tabs-2">
        <p>Morbi tincidunt</p>
    </div>
    <div id="tabs-3">
        <p>Mauris eleifend est et turpis.</p>
        <p>Duis cursus. </p>
    </div>
</div>
</body>
</html>

Answer 1

.tab()功能适用于jquery-1.8.2.js。在较新的版本中，它无法正常工作。

Answer 2

我简化了上面的代码，只包含了我认为重要的内容。但刚刚发现我在身体结束标记之前取出了另一个jquery实例！删除它使脚本工作。

感谢您提供帮助

Ajaxui选项卡：未捕获TypeError：对象[object Object]没有方法'tabs'

2 个答案: