Javascript 单击左键时检测元素边距不起作用/未显示正确的属性？为什么呢？

我正在尝试构建一个jquery图像滑块，该滑块基于ul的左边距工作，它保存图像，因此ul的宽度是图像宽度*图像数量。单击“下一步”时，我希望ul的左边距更改为左边距图像宽度。我的问题是这段代码

next.click(function() {
    if (ml == 0) {
      carousel_canvas.css('margin-left', -iw);
    } else {
      carousel_canvas.css('margin-left', ml - iw);
    }
});

carousel_canvas是ul，iw是图像宽度，ml是

ml = parseFloat(carousel_canvas.css('margin-left'));

好的，在开始的时候左边距是0，点击左边距就会更新为-iw。然后，当我再次尝试单击“下一步”时，什么也没有发生，因为ml仍然等于0，并且在inspector中，它被清楚地更新了。为什么它得到了错误的左边距值

编辑：这是我的问题的jsbin

请发表一篇请发表一篇