如题今天遇到了一个创建tab页时报jQuery is not defined。接着报Object [object Object] has no method 'tabs'的错误。
代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>tab.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="jquery-ui-1.7.2.custom.css"/>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script>
jQuery(function() {
jQuery("#tabs").tabs({
event: 'click'
});
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">one</a></li>
<li><a href="#tabs-2">two</a></li>
<li><a href="#tabs-3">three</a></li>
</ul>
<div id="tabs-1">
<p>Tab 1 content</p>
</div>
<div id="tabs-2">
<p>Tab 2 content</p>
</div>
<div id="tabs-3">
<p>Tab 3 content</p>
</div>
</div>
</body>
</html>
由于JS是解释型语言，是根据标签引用分块顺序执行的，$是jQuery中的产生的对象，需要用的话，必须将jquery.js文件放在使用它的JS前面。故调整jquery-1.7.1.js和jquery-ui-1.7.2.custom.min.js的顺序，将jquery-1.7.1.js放在前面。问题解决
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>tab.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="jquery-ui-1.7.2.custom.css"/>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
<script>
jQuery(function() {
jQuery("#tabs").tabs({
event: 'click'
});
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">one</a></li>
<li><a href="#tabs-2">two</a></li>
<li><a href="#tabs-3">three</a></li>
</ul>
<div id="tabs-1">
<p>Tab 1 content</p>
</div>
<div id="tabs-2">
<p>Tab 2 content</p>
</div>
<div id="tabs-3">
<p>Tab 3 content</p>
</div>
</div>
</body>
</html>
经验不足
分享到：
相关推荐
《jQuery UI：深入理解与应用》 jQuery UI是基于JavaScript库jQuery的一个扩展，它提供了一系列丰富的用户界面组件，包括但不限于对话框（Dialogs）、日期选择器（Datepickers）、拖放功能（Drag and Drop）、排序...
`jQuery UI 1.7.3 Custom` 是一个流行的前端框架，主要用于构建交互式用户界面。这个完整开发包包含了创建高效、美观且响应式的网页应用所需的所有组件和资源。在这个压缩包中，我们可以找到以下几个关键部分，它们...
jQuery UI是一套jQuery的页面UI插件，包含很多种常用的页面空间，例如Tabs(如本站首页右上角部分)、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
4. **小部件（Widgets）**: 包括日历（Datepicker）、对话框（Dialog）、进度条（Progressbar）、滑块（Slider）、下拉选择器（Selectmenu）、可折叠面板（Accordion）、标签页（Tabs）等，这些都是常见的网页元素和...
本文将深入探讨 `jQuery-ui-tabs` 如何实现分页功能，并结合提供的文件名 `ui分页1.zip` 和 `test-tabs-paging` 来解析这一主题。 1. **jQuery-ui-tabs 概述** `jQuery-ui-tabs` 是一个可自定义的标签页组件，允许...
7. **Tabs（标签页）**：将多部分内容分隔到不同标签页中，方便用户切换查看，常见于文档预览、设置界面等。 三、主题定制 jQuery UI 的一大亮点是其主题系统。通过Themeroller工具，开发者可以轻松定制符合自己...
jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集，它提供了一系列可交互的组件，用于创建丰富的用户体验。在标题提及的 "jquery-ui-1.8.18.custom" 文件中，包含了完整的 jQuery UI 工具包，特别定制以...
除此之外，jQuery UI 还包括许多其他组件，如 Accordion（手风琴）用于折叠和展开内容，Slider（滑块）用于数值选择，Tabs（标签页）用于组织内容等。所有这些组件都遵循一致的设计原则和 API，使得开发者可以轻松地...
- **Tabs（标签页）**: 将内容分割成多个可切换的标签页。 - **Sortable（可排序）**: 可以使列表项或者表格行变得可拖拽排序。 - **Resizable（可调整大小）**: 使元素可以被用户拖动边角来调整大小。 - **Button...
《jQuery UI 1.8.18 自定义版本详解》 jQuery UI 是一个基于 jQuery 库的开源项目，提供了一套完整的用户界面组件，包括可交互的控件、动画效果和可自定义的主题，极大地丰富了网页开发者的工具箱。在本次讨论中，...
JQuery UI 提供了诸如拖放(Drag and Drop)、对话框(Dialogs)、日历(Datepicker)、滑块(Sliders)、排序(Sortable)、可折叠(Collapsible)、可展开(Tabs)等多种组件，这些组件都经过精心设计，易于使用，并且高度可定制...
- **Tabs（标签页）**：将内容分隔成多个标签页，使用户能轻松切换查看不同内容。 - **Autocomplete（自动完成）**：在输入框中提供下拉列表，根据用户输入自动填充建议内容。 - **Sortable（可排序）**：使列表...
《jQuery UI 1.12.1 自定义版本：深入解析与应用》 jQuery UI 是一个基于 jQuery JavaScript 库的强大用户界面库，提供了一系列可定制的交互控件、动画效果和设计模式，使得开发者能够轻松构建功能丰富的网页应用...
1. **ThemeRoller**：jQuery UI 提供了一个在线工具 ThemeRoller，允许开发者自定义界面主题，创建与网站风格相匹配的视觉效果。在这个版本中，你可能会发现预设的主题CSS文件，这些文件定义了组件的颜色、字体、...
这个"最新jquery-ui"压缩包包含了构建用户界面所需的基本元素，适用于前端开发者创建功能丰富的网页应用。 在压缩包中，我们看到以下几个关键文件和目录： 1. **index.html**：这是项目的主入口文件，通常包含HTML...
jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合，它提供了丰富的交互效果、可自定义的主题以及各种可复用的组件，使得Web开发者能够轻松创建出具有高度互动性和用户体验良好的网页应用。在我们讨论的...
8. ** accordions 和 tabs**: 用于组织和展示大量内容，accordions 是折叠面板，tabs 则是标签页形式。 9. **Resizable**: 允许用户调整元素的大小，这对于布局和图像编辑尤其有用。 **jQuery UI 和 .jar 文件** ...
**jQuery UI** 是一个基于 **jQuery** 库的开源项目，它提供了一套完整的用户界面组件和交互效果，包括各种可自定义的主题、对话框、拖放功能、日期选择器、进度条、滑块、排序等功能。这个压缩包中的文件是 jQuery ...
1. 组件丰富：jQuery UI 包含了大量的用户界面元素，如 accordion（手风琴）、tabs（选项卡）、slider（滑块）和datepicker（日期选择器），这些组件可以快速构建出专业且用户体验良好的Web应用。 2. 可定制化：...