我正在使用jQuery UI库来获得抖动效果。在我的网站上,它对某些元素起到了预期的作用,但对d3.js画布中的图像元素却不起作用,对于这些图像,它只会导致它们闪烁。我怀疑这可能是因为这些元素上的其他标记或属性,但我不知道如何开始调试这个问题?
我应该使用JavaScript调试器,还是尝试禁用这些图像的某些属性?这是一个非常神秘和令人沮丧的错误,我需要一些关于如何修复它的建议
我会尝试使用开发人员工具/firebug来获取动画期间jQuery UI创建的元素和包装器的样式。
例如,通过从控制台运行类似的东西(当toggle是动画元素的id时):
setInterval(function() {
if (jQuery('.ui-effects-wrapper').length > 0) {
console.log(jQuery('.ui-effects-wrapper').get(0).style);
console.log(jQuery('#toggle').get(0).style);
}
},10);
或者使用requestAnimationFrame进行更复杂的处理,以便进行更频繁的转储。
这可能会让我们了解发生了什么。