Jquery.scrollto не является функцией
Я пытаюсь использовать jquery.scrollto в своем приложении для реагирования, но не могу использовать его правильно.
Я установил через npm
>npm install jquery.scrollto
+ [email protected]
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"
}
}
Я что-то упускаю ? Большое спасибо.
плагин, который вы используете, использует синтаксис функции onclick. Вы пытались просто $ (window) .scrollTo ('#home ", 1000)?
@RachelGallen Да, и я бы не стал работать. Однако я обнаружил, в чем проблема, по-видимому, при использовании с реакцией jquery.scrollto не нужно вкладывать в jquery, но можно использовать независимо. Я опубликую весь процесс ниже.
Ответы 1
После нескольких попыток я понял, как заставить его работать.
Мне требовался scrollto как таковой: 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
React использует «виртуальную модель DOM», из которой jQuery не может «читать», поэтому вы должны делать это так же, как и решение в этом вопросе: stackoverflow.com/questions/43441856/…