Question

Jquery Tabs问题：

我正面临着Jquery标签UI的问题。

.vbhtml：

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

 <div class="tabs">
        <ul>
            <li><a href="#tabs-1">Tab1</a></li>
            <li><a href="#tabs-2">Tab2</a></li>
        </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
 </div>

在我的_Layout.vbhtml中：

<link href="~/Content/jquery-ui.css" rel="stylesheet" />
<link href="~/Content/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
<link href="~/Content/Style.css" rel="stylesheet" />

<script src="~/Scripts/jquery-2.1.1.min.js"></script>

出现此错误：

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

尝试做很多事情，找不到任何解决方案。可能会遗漏一个基本的东西，但无法弄清楚问题。任何帮助对我都有很大帮助。

谢谢。

Answer 1

只需将订单更改为：

<script src="~/Scripts/jquery-2.1.1.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<link href="~/Content/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
<link href="~/Content/Style.css" rel="stylesheet" />

Answer 2

是的，@ Robert Rozas的解决方案应该有效。在加载依赖于jQuery插件的jQuery UI插件之前，应首先使用jQuery插件。

Jquery选项卡UI问题

2 个答案: