Javascript 未捕获引用错误:未定义jQuery(已定义jQuery)
我试图使用jScrollPane,但我发现jQuery没有定义 我们都知道这个问题的普遍答案:首先加载jQuery,但是我之前加载过它,并且我正在初始化$(document.ready()(我使用的是jQuery,它怎么可能不在那里?) 以下是我的标记:Javascript 未捕获引用错误:未定义jQuery(已定义jQuery),javascript,jquery,jscrollpane,Javascript,Jquery,Jscrollpane,我试图使用jScrollPane,但我发现jQuery没有定义 我们都知道这个问题的普遍答案:首先加载jQuery,但是我之前加载过它,并且我正在初始化$(document.ready()(我使用的是jQuery,它怎么可能不在那里?) 以下是我的标记: <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <titl
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans" type="text/css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" />
<script type="text/javascript" url="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<script type="text/javascript" url="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<!-- Jscrollpane so we can style scroll bar cross-browser -->
<!-- styles needed by jScrollPane -->
<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
</head>
可能会发生什么?我在网上所能找到的只是告诉我先初始化jquery,但它已经初始化了。为什么脚本标记引用中的
url
属性而不是src
?我认为这不是一个有效的语法
参考:
尝试:
您确定加载正确吗?您是如何检查jQuery是否实际定义的?请尝试使用属性src
而不是url
我们都知道这个问题的普遍答案:首先加载jQuery,但是,我在加载它之前就加载了它-不。你显然不是。看看@Irvin写的。不太确定url属性是从哪里来的。我可能是从什么地方弄来的,或者是在半睡半醒的时候写的。从来没有真正研究过它,因为jQuery正在工作。您的回答让我意识到jQuery定义了两次。在我的头上有url,在正文的末尾有右src标记。一切都好了,谢谢。
$(document).ready(function() {
/* Setting up the dropdown */
var dropdown = new DropdownMenu();
dropdown.run();
/* Setting scrollbar */
$('#dropdown-menu .content').jScrollPane();
});
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>