Question

我正在尝试使用jScrollPane，并且我没有定义jQuery。

我们都知道对此的普遍回答：首先加载jQuery，然而，之前我正在加载它，并且我正在$（文档）.ready（）上初始化jScrollPane（我正在使用jquery，它怎么能不在那里？）

这是我的标记：

<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>

这是我的剧本

$(document).ready(function() {
    /* Setting up the dropdown */
    var dropdown = new DropdownMenu();
    dropdown.run();

    /* Setting scrollbar */
    $('#dropdown-menu .content').jScrollPane();
});

可能会发生什么？我在网上找到的只是告诉我首先初始化jquery，但是它被初始化了。

Answer 1

为什么在您的脚本代码引用中使用url属性而不是src？我不认为这是一种有效的语法。

参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script

尝试：

<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>

未捕获的ReferenceError：未定义jQuery（已定义jQuery ALREADY）

1 个答案: