javascript |过渡并没有解雇

时间:2017-10-18 21:29:25

标签: javascript css css3 animation

我目前正在尝试使用Javascript和CSS3创建自己的Javascript通知系统并利用它的动画。

我想检测元素转换何时完成,以便我可以从DOM中删除该元素。

动画名为private string GetAppStoreAppVersion() { string appStoreAppVersion = string.Empty; try { var dictionary = NSBundle.MainBundle.InfoDictionary; string applicationID = dictionary[@"CFBundleIdentifier"].ToString(); NSUrl url = new NSUrl($"http://itunes.apple.com/lookup?bundleId={applicationID}"); NSData data = NSData.FromUrl(url); NSError error = new NSError(); NSDictionary lookup = NSJsonSerialization.Deserialize(data, 0, out error) as NSDictionary; if (error == null && lookup != null && lookup.Keys.Length >= 1 && lookup["resultCount"] != null && Convert.ToInt32(lookup["resultCount"].ToString()) > 0) { var results = lookup[@"results"] as NSArray; if (results != null && results.Count > 0) { appStoreAppVersion = results.GetItem<NSDictionary>(0)["version"].ToString(); } } } catch (Exception ex) { //No need to throw an exception if version check fails } return appStoreAppVersion; } ,这是我在CSS3中仅使用2个关键帧制作的自定义动画。

我在通知上有一个关闭按钮,当我点击它时会添加一个animate-out类。一旦关闭动画完成,我希望能够检测到这一点,我目前正试图通过使用is-closed来查找,但似乎事件根本没有被触发。

这是我目前的代码:

console.log('finished');

1 个答案:

答案 0 :(得分:1)

如果您使用的是关键帧,那么您使用的是动画,而不是过渡。

相关活动为animationend

另请阅读Using animation events