Question

我正在尝试使用以下方法创建“Perfect Scrollbar”：

https://noraesae.github.io/perfect-scrollbar/

使用最简单的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<link rel="stylesheet" href="/css/perfect-scrollbar.css" />
<script src="/js/perfect-scrollbar.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $("#msgid").html("This is Hello World by JQuery.");
    $('#msgid').perfectScrollbar();
});
</script>

<div id="msgid"></div>

我有以下错误：

TypeError：$（...）。perfectScrollbar不是函数

当然每个js / css指向正确的方向，如果需要你可以看到它住在这里：

http://florida.red111.net/a.html

看起来jQuery没有识别库，

有什么想法吗？

提前致谢。

Answer 1

您可能没有启用jQuery的版本。这段代码对我有用：

<title>Test</title>
<!-- META -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- SCRIPTS -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.7/js/min/perfect-scrollbar.jquery.min.js"></script>
<script type="text/javascript">

    $(document).on('ready', function() {

        console.log('HELLO!');

        $('.id-parent').perfectScrollbar();

    });

</script>


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.7/css/perfect-scrollbar.min.css" />
<style type="text/css">

    .id-parent {
        position: relative;
        overflow: auto;
        height: 200px;
    }

    .id-child {
        height: 1000px;
    }

</style>

</head>

<div class="id-parent">
    <div class="id-child">
        <h1>Content goes here</h1></div>
</div>

Answer 2

我也有同样的问题。我在声明之前调用了perfectScrollbar函数。改变顺序对我有用。

Answer 3

我有同样的问题。我在jQuery 1.6.1中使用了perfect-scrollbar.jquery.js。将jQuery更新到2.1.4之后，错误消失了，一切都按预期工作了！

尝试更新jQuery，它解决了我的问题。

Answer 4

只需在0.5.2版本上更新您的完美滚动条即可。这对我有用。

TypeError：$（...）。perfectScrollbar不是一个函数

4 个答案: