jquery.scrollto не является функцией - PullRequest
Новая
       11

jquery.scrollto не является функцией

0 голосов
/ 07 сентября 2018

Я пытаюсь использовать jquery.scrollto в своем приложении реакции, но не могу использовать его правильно.

Я установил его через npm 

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

но когда я пытаюсь его использовать, я получаю ошибку типа 

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"
  }
}

Я что-то упустил? Большое спасибо.

1 Ответ

0 голосов
/ 07 сентября 2018

После нескольких попыток я узнал, как заставить это работать.

Я требовал прокрутку как таковую: require('jquery.scrollto'), а затем вызывал ее с помощью $() в jquery. Очевидно, это не тот путь, когда scrollTo установлен через npm. Я сделал следующее: 

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

// inside react's componentDidMount : 
$('#testbutton').on('click',scrollto(0,500))

Я понятия не имел, что scrollto не нужно вкладывать в jquery.

Кроме того, я понял, что использовать строковые ссылки неэффективно. Я советую людям, читающим эту ветку, посетить ReactJS, как прокрутить элемент для получения дополнительной информации. Спасибо и благодарность @davidbucka

...