jquery - 单击时为重复使用的视图设置动画

Question

我有一个我重用的视图并提供了一个单击事件，以便用户认为他们正在更改页面。这非常适合我的需要，但是因为视图具有所有相同的文本、图像，用户会认为没有任何变化，因此没有进行选择。当用户单击图像时，我将如何为 UI 设置动画？

private onCurrentLookSelected(args: CurrentLookSelectedEvent) {
    this.hasCurrent(true);
    ko.utils.arrayForEach(this._formulas(), (formula: FormulaValues) => {
       formula.startingLevel(args.currentValue.startingLevel());
       formula.startingTone(args.currentValue.startingTone());
    });
    window.scrollTo(0, 0);
}

Answer 1

如果您在 Durandal 中执行此操作，我建议您将路由器设置为为每个“页面”设置单独的路由：

router.map([{ 
    title: 'Page 1', 
    route: 'first',
    moduleId: 'viewmodels/reusable' 
},{ 
    title: 'Page 2', 
    route: 'second',
    moduleId: 'viewmodels/reusable' 
}])

然后使用内置的动画插件：

app.setRoot('viewmodels/shell', 'entrance');