Question

我正在构建一个滑块并实现一个函数，该函数将获得手指位置并使元素位置跟随手指。一切都很好，当我把结果放在日志中时，一切都很好但是当我实际把结果放在css中时，突然之间相同的结果是不同的......这里是一个片段。

$(document).on("touchmove", function(e){
    //clearTimeout(slide);
    var first = parseInt($(".my-slide").first().css("left"));
    var last = parseInt($(".my-slide").last().css("left"));
    if(drag){
        xEnd = e.touches[0].pageX;
        dragDistance = xEnd - x; 
        if((first + dragDistance < 0) && (last + dragDistance > 0)){
            var left = parseInt($(element).css("left"));
            var result = (left + parseInt(dragDistance))+"px";
            console.log(result)
            $(element).css("left", result)//if I coment it, result will display the correct value but if I uncomment the css manipulation, then all of sudden "result" is all wrong...
        }
    }
});

如果我发表评论，请参阅：

$(element).css("left", result)

然后结果都很好，正确但是如果我取消注释，结果就完全不同了

jquery在编辑CSS时更改值

0 个答案: