엠 액체 속박 끈 내가 타다 남은 액체 속박 끈을 사용하고

Question

transitions.js - http://pzuraq.github.io/liquid-tether/#/examples?a=animation-with-context

I 사용한 코드는 '문맥 애니메이션'아래의 예제이다.

모달은 작동하지만 콘솔에서 transitions.js 파일 오류가 발생하는 좋은 전환은 없습니다. 정의되지 않았습니다 대상 :

export default function(){ 
    this.transition(
    target('modal-dialog'), 
    this.toValue(({ index: newIndex }, { index: oldIndex }) => newIndex > oldIndex), 
    this.use('tether', ['to-left', options]), 
    this.reverse('tether', ['to-right', options]) 
); 

    this.transition(
    target('modal-dialog'), 
    this.toValue(({ index }) => index === 1), 
    this.use('tether', 'fade', 'fade') 
); 

    this.transition(
    target('modal-dialog'), 
    this.toValue(({ index }) => !index), 
    this.use('tether', 'fade', 'fade') 
); 
} 

오류는 다음과 같습니다

내 전환에 아래의 코드를 참조하십시오.

어떻게 대상을 정의합니까?

미리 감사드립니다. :-)

Answer 1

여기에서 옵션에 허용되는 값을 확인할 수 있습니다. http://tether.io/ 옵션에서 검색 :).

Answer 2

스크래치 그! 나는 내 자신의 의문을 해결했다. 나는 transitions.js 파일의 맨 위에서 이것을 선언해야했습니다.

import { target } from 'liquid-tether'; 

하지만 이제는 문제가 '옵션이 정의되지 않았습니다'입니다. ... 어떤 아이디어?

Answer 3

options은 애니메이션에 전달할 옵션을 나타냅니다. 그것은 문서에서 아주 명확하지 않지만 여기 옵션 해시를 기대하고 있습니다.

this.use('tether', ['to-left', {duration: 500}]),

확인 애니메이션

에 사용할 수있는 모든 옵션에 대한 액체 화재 사이트 : 예를 들어,