在写轮播图的时候,使用百分让轮播图移动,发现JS的计算总是不如期待的那样,导致轮播图出现问题。
问题
修改之后
$(".next").click(function () {
// 获取当前的轮播图的margin-left
var $left = parseFloat($(".photo").css("margin-left"))
var a= -parseFloat($(".secimg").css("width"))*5
console.log(a)
// 出现问题的原因:浮点数的比较
if (Number($left.toFixed(2))<= Number( a.toFixed(2))) {
$(".photo").css("margin-left",0)
}else {
$left = $left - parseFloat($(".secimg").css("width"))
console.log($left)
$(".photo").css("margin-left",$left)
}
})