Question

我正在尝试实现jScrollPane jQuery插件，我不断收到“TypeError：$（...）。jScrollPane不是一个函数。”我按照jScrollPane文档的实现，但仍然没有运气。我正在使用React框架。

的index.html：

<head>
    <!-- styles needed by jScrollPane -->
    <link type="text/css" href="node_modules/jscrollpane/style/jquery.jscrollpane.css" rel="stylesheet" media="all" />

    <!-- latest jQuery direct from google's CDN -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
    </script>

    <!-- the mousewheel plugin - optional to provide mousewheel support -->
    <script type="text/javascript" src="node_modules/jscrollpane/script/jquery.mousewheel.js"></script>

    <!-- the jScrollPane script -->
    <script type="text/javascript" src="node_modules/jscrollpane/script/jquery.jscrollpane.min.js"></script>

</head>

 ...

我也试过在关闭body标签之前移动脚本。

index.tsx：

...

var $ = require("jquery");

import 'jquery/dist/jquery.min.js';
import 'bootstrap/dist/js/bootstrap.min.js';
import jScrollPane from 'jscrollpane';

...

$( document ).ready(function() {
    $('.sk-hits-grid-hit').jScrollPane();
}

我认为这可能是因为我导入jQuery两次（在index.html和index.tsx中），但是带走一个没有做任何事情。这个实现有什么问题？

jQuery'$（...）。jScrollPane不是React中的函数

0 个答案: