8

我正在尝试使用以下方法创建“完美滚动条”：

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 无法识别该库，

有任何想法吗？

提前致谢。

4

4 回答 4

6

您可能没有启用 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>

于 2015-12-04T12:00:01.660 回答
2

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

于 2018-01-03T15:15:17.923 回答
0

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

于 2017-02-10T23:02:55.763 回答
0

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

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

于 2017-01-27T10:05:27.463 回答