0x800a01b6 - JavaScript运行时错误：对象不支持属性或方法“tabs”。

Question

I have the following code:

    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css" />

 <div id="tabsWithStyle" class="style-tabs">
    <ul>
        <li><a href="#facebook">Facebook</a></li>
        <li><a href="#twitter">Twitter</a></li>
    </ul>
    <div id="facebook">
        content about Facebook here
    </div>
    <div id="twitter">
         content about Twitter here
    </div>
</div>

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

由于某些原因，我一直收到错误提示：

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'tabs'

我一直在Google和这里搜索，似乎找不到解决方法。是否有人能帮我？

- Bart Schelkens

Answer 1

我没有遇到这个问题，它的工作正常！可能是你的jQuery在某个地方发生了冲突。尝试使用：

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

- sunny

---

我已经添加了你的代码，现在它可以正常工作。 我仍然不太理解，但它能正常工作了。 - Bart Schelkens

我很高兴它能帮到你！ - sunny

@sunny - 当你遇到在不同的JS文件中有大量出现的情况时，有什么指针吗？ - Bertie