Question

我刚刚在React中安装了jquery-slimscroll插件，当我运行

时

$('.sk-hits-grid-hit').eq(1).slimScroll({
    height: '26em'
  });

在我的控制台中，它按预期工作，但它不会在我的应用程序中运行。它并没有在我的应用程序中给我任何错误，它只是没有做任何事情。我还检查了网络＆＃39;开发人员工具中的选项卡和正确导入的所有文件。

这是我的index.html：

<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
    </script>
    <script type="text/javascript" src="node_modules/jquery-slimscroll/jquery.slimscroll.min.js"></script>
</head>
...

这是我的index.tsx：

var $ = require("jquery");
import 'jquery-waypoints/waypoints.min.js';  //Waypoints trigger functions when you scroll to an element
import 'jquery/dist/jquery.min.js';             //Allows jQuery functionality
import 'bootstrap/dist/js/bootstrap.min.js';    //Front-end framework to help display webpage
import 'jquery-slimscroll/jquery.slimscroll.min.js';

...

$( document ).ready(function() {
    $('.sk-hits-grid-hit').eq(1).slimScroll({
      height: '26em'
    });
})

有什么想法吗？我尝试将我的脚本移动到我的身体标签，但没有任何变化。

Answer 1

似乎是一个参考问题，请尝试将路径更改为第二个参考：

"node_modules/jquery-slimscroll/jquery.slimscroll.min.js"

在不知道文件路径的情况下尽可能多地建议

在React中调用jquery插件不起作用，但在我的控制台中工作

1 个答案: