Jquery 选项卡容器不工作（不检测 ,tabs() 功能）答案

【问题标题】：Jquery tab container not working (not detecting ,tabs() function)Jquery 选项卡容器不工作（不检测 ,tabs() 功能）
【发布时间】：2015-02-23 09:14:35
【问题描述】：

我正在尝试使用 jquery 选项卡容器。我已经添加了所有包含 js 和 css 文件的文件，如此处所示在 jquery 站点 http://jqueryui.com/tabs/

但在智能感知中，.tabs() 函数没有显示。

知道为什么会这样

我在这样的页面上包含文件

<link href="Styles/tabs.css" rel="stylesheet" type="text/css" />
<script src="Scripts/tabs1.js" type="text/javascript"></script>
<script src="Scripts/tabs2.js" type="text/javascript"></script>

tab1文件是jquery v1.10.2，tab2是ui js文件

这里是html

<head runat="server">
<title></title>
<link href="Styles/tabs.css" rel="stylesheet" type="text/css" />
<script src="Scripts/tabs1.js" type="text/javascript"></script>
<script src="Scripts/tabs2.js" type="text/javascript"></script>
<script>
    function abc() { }
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="tabs"></div>
</div>
</form>

【问题讨论】：

intellisense 其中 IDE/文本编辑器。
@Jai 视觉工作室 2010
@FrebinFrancis 我已经发布了 html

标签： javascript jquery jquery-ui jquery-tabs

【解决方案1】：

HTML 和脚本

在 document.ready() 事件中使用你的插件方法。

为了便于阅读，请正确命名包含版本的脚本文件

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Tabs - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>     
  <script>
  $(function() {
    $( "#tabs" ).tabs();
  });
  </script>
</head>
<body>

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">First Tab</a></li>
    <li><a href="#tabs-2">Second Tab</a></li>
    <li><a href="#tabs-3">Third Tab</a></li>
  </ul>
  <div id="tabs-1">
    <p>First Tab</p>
  </div>
  <div id="tabs-2">
    <p>Second Tab
  </div>
  <div id="tabs-3">
    <p>Third Tab</p>
  </div>
</div>


</body>
</html>

【讨论】：