在点击时为重复使用的视图设置动画

时间:2015-06-20 20:50:59

标签: jquery dom durandal knockout-3.0

我认为我重复使用并提供点击事件,因此用户认为他们正在更改页面。 这对我需要的东西很有用,但因为视图具有所有相同的文本,图像,用户会认为没有任何改变,因此没有选择。 当用户点击图像时,我如何为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);
}

1 个答案:

答案 0 :(得分:0)

如果您在Durandal中这样做,我建议您将路由器设置为为每个"页面设置单独的路径":

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

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

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