Question

我正在尝试在我的react应用程序上使用jquery.scrollto，但似乎无法正确使用它。

我通过npm安装了它

>npm install jquery.scrollto
+ jquery.scrollto@2.1.2
added 1 package in 5.316s

但是当我尝试使用它时，出现typeError

Uncaught TypeError: $(...).scrollTo is not a function

这是应用程序内部的代码：

var $ = require('jquery')
require('jquery.scrollto')

$('#home').on('click',function(){
  $(window).scrollTo('#home', 1000);
})

这是我的package.json：

{
  "name": "portfolio",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "jquery": "^3.3.1",
    "jquery.scrollto": "^2.1.2",
    "react": "^16.4.2",
    "react-dom": "^16.4.2",
    "react-scripts": "1.1.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

我想念什么吗？非常感谢。

Answer 1

经过几次尝试，我发现了如何使其工作。

我需要这样的scrollto：try { MessageQueue[] queueList = MessageQueue.GetPrivateQueuesByMachine("xxx.xxx.x.xxx");//Error occurs here foreach (MessageQueue queueItem in queueList) { Console.WriteLine(queueItem.Path); } return created; } catch (MessageQueueException m) { Console.WriteLine(m.Message + m.MessageQueueErrorCode); } catch (SystemException s) { Console.WriteLine(s.Message + s.StackTrace); } catch (Exception e) { Console.WriteLine(e); throw; }，然后通过jquery的require('jquery.scrollto')调用它。显然，通过npm安装$()并非可行。我所做的是：

scrollTo

我不知道滚动条不需要嵌套在jquery中。

此外，我意识到使用字符串引用是无效的，我建议阅读此线程的人访问ReactJS how to scroll to an element以获取更多信息。感谢并感谢@davidbucka

jquery.scrollto不是函数

1 个答案: