css()方法该如何实现这种效果

Question

还是昨天的问题 

橘黄色的数字的id 是 title

灰色的长条 id = bar

想要实现点击加号或者减号 橘黄色滑块跟橘黄色的数字一起向前或者后退移动

     var b = $$("#bar").width(); 获取灰色长条的长度

     var c = b / (9-1); 确定每次移动的距离

               

     $$("#title").css("left",  c + "px");  

用css的 这种方法 只能移动一次

开始用的获取offset().left的属性 但是那个距离太大了

应该怎么实现

JQ的其他方法用不了 就只能用这几个方法 用了一个封装在angular里面的框架 整合了JQ的部分功能 很多用不了的 所以比较纠结

Answer 1

底下灰色的长条是固定的宽度吧var c = b / (9-1); 确定每次移动的距离那你这个不也一样是固定的吗？所以每次移动的距离是一样的，css(),是控制样式的，所以每次宽度都是一样的。建议：移动长度 = 获取点击完以后的温度 * 基础移动距离c ， 然后 css("width",移动长度) 就可以啦