Question

我是JS，HTML和CSS的新手，并且可以真正使用jQuery标签的一些帮助。我目前正在接受＆＃34; Uncaught TypeError：$（...）。制表符不是功能＆＃34;，我不知道错误。先感谢您。

HTML

<div id="tabs">

 <h1>Title</h1>
  <ul class="tab">
   <li><a href="#tab1"">Tab 1</a></li>
   <li><a href="#tab2"">Tab 2</a></li>
   <li><a href="#tab3"">Tab 3</a></li>
  </ul>

  <div id="tab1">
   <p>Tab 1 content</p>
  </div>
  <div id="tab2">
   <p>Tab 2 content</p>
  </div>
  <div id="tab3">
   <p>Tab 3 content</p>
  </div>

</div>

JS

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

Answer 1

可能您没有正确加载jQuery UI。请记住，jQuery选项卡是jQuery UI核心的一部分。

我建议您检查一下，如有必要，请从CDN here添加jQuery UI。

Answer 2

我不知道标签jQuery插件，但我认为是一个简单的jQuery插件或创建HTML标签的jQuery UI插件。

首先，您是否在html页面的<head>标记中包含了jQuery库和jQuery UI / Tabs插件，对吧？看这里：

<html>
   <head>
       <script type="text/javascript" src="path to jquery.js"></script>
       <script type="text/javascript" src="path to jquery.ui/tabs.js"></script>
       <script type="text/javascript">
           Write your javascript here
       </script>
   .....
   .....
   .....

其次，但非常重要的是，请尝试将其置于“在此处编写您的javascript”位置：

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

麻烦jQuery选项卡

2 个答案: