html - 使用Mootools拖动时HTML不会更新

我正在使用Mootools（不认为它与问题有关）来拖放和元素。

var draggable = new Drag(timeHandle, {
    onDrag: function () {
        var calculatedTime = calcTime();
        $('timeLabel').innerHTML = calculatedTime;
    },
});

基本上，我可以拖动我的“timeHandle”和“timeLabel”得到正确更新。
问题是，有时候在稍微移动了一下句柄之后，用户界面突然没有得到更新。“timeHandle”未移动，“timeLabel”未升级。
问题不在于拖动事件，我可以看到它一直被调用。
当我移动时

$('timeLabel').innerHTML = calculatedTime;

一切正常。
因此，问题不在于“Drag”对象，因为事件一直在调用。
看起来是一些UI性能问题。
谢谢

最佳答案

要简化代码，可以使用Element.set('text', 'my text here');

var element = $('timeLabel');
var draggable = new Drag(timeHandle, {
    onDrag: function () {
        element.set('text', calcTime());
    }
});

另外，请记住删除最后一个逗号，否则会在Internet Explorer中引发错误。

关于html - 使用Mootools拖动时HTML不会更新，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20204599/