Question

我对javascript和jQuery相对较新。我正在开发一个Web应用程序，我在markdown文档中有jQuery选项卡。为了保持清洁，我将我的javascript保存在单独的文档中，而不是降价。这是我在tabs.js中的javascript：

$(document).ready(function() {
  $( "div.tabs" ).tabs();
});

以下是嵌入式html和javascript的降价

<html lang="en">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="/stylesheets/docs.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script src="/javascripts/tabs.js"></script>
{% include resources.html %}

Requirements
------------------

<body>
<div class="tabs">
  <ul>
    <li><a href="#tabs-1">C#</a></li>
    <li><a href="#tabs-2">Javascript</a></li>
  </ul>
  <div id="tabs-1">
    <pre class="prettyprint">Some C# code</pre>
  </div>
  <div id="tabs-2">
    <pre class="prettyprint">Some Javascript Code</pre>
  </div>
</div>

</body>

当我在localhost上运行此代码时，一切正常，但是当我部署它时，我在此行后面出现Uncaught TypeError: undefined is not a function错误：$( "div.tabs" ).tabs();

为什么会发生这种情况？任何帮助将不胜感激。

jQuery选项卡undefined不是一个函数

0 个答案: