js中的css无法生效

Question

	
			$(e).find('img').css({transition:'0s'});
			var t = $(e).height(),
					i = $(e).find("img").height(),
					n = i - t;
			var time = n/i;
			times = (10*time).toFixed(1); 
			n > 0 && $(e).find("img").css({ transform: "translateY(-" + n + "px)",transition:times+"s" })  

就是.css({ transform: "translateY(-" + n + "px)",transition:times+"s" })中的transition:times+"s"这里。

在css中可以这么写transition:2s 2s表示持续2秒，延迟2秒。在这段代码中 transition:times+"s" 保持不变的前提下我试着这么修改成 transition:times+"s" 2+"s"或者transition:times+"s" 2s 结果把前面 translateY 移动效果变没了...

那么怎么修改transition:times+"s"让其有延迟触发的效果呢？

Answer 1

你审查元素 看看 css 加上了没 ，大概率 拼接的不对