未捕获的ReferenceError: $没有为jQuery标签定义
Uncaught ReferenceError: $ is not defined for jQuery Tabs?
我正在使用下面的链接来尝试让标签在浏览器上工作。我直接从示例中复制了代码并放入index.html
文件中。当我在Chrome中打开index.html
时,我没有得到选项卡视图。当我在Chrome中打开调试控制台时,我得到了一个未捕获的ReferenceError: $未定义,当我在以下行设置断点时:$( "#tabs" ).tabs();
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tabs-2">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id="tabs-3">
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
</div>
</div>
</body>
</html>
任何帮助都将非常感激。
jQuery的URL是相对的。它在http
和https
上可用。您可能正在通过file
加载HTML文档。
快速和肮脏的修复是改变你的url,使他们从http://
而不是//
开始,但更好的方法是安装并使用本地web服务器进行开发。
相关文章:
- Jquery标签插件粘贴问题
- 谷歌地图jquery标签未加载
- 选择带有 jQuery 标签的“li”项时出错
- 莫里斯.js甜甜圈标签不在中间的jquery标签中
- 花哨的jQuery标签选择器
- 为什么这个网站返回包装在jQuery标签中的自动完成数据
- Jquery标签删除导致换行
- jQuery标签-它,如何执行post时,项目删除
- jQuery标签“未定义不是一个函数”
- 修改jQuery标签插件,在加载时显示特定的标签[includes JSFiddle]
- 使用jQuery标签和滑动图像库(simplyScroll)
- 如何在加载新页面时启用jquery标签/单选按钮
- 未捕获的ReferenceError: $没有为jQuery标签定义
- jQuery标签在另一个jQuery标签- OnActivate事件
- 自动显示标签内容的页面加载- jQuery标签
- JQuery标签:如何显示'Loading. '消息# 39;等待AJAX HTTP请求响应
- 我的jquery标签代码有什么问题?
- URL阻止功能中的Jquery标签
- Jquery标签添加删除
- jQuery标签'for'属性选择器