如何调试jQuery UI效果不能按预期工作

时间:2015-02-23 08:56:25

标签: javascript jquery jquery-ui debugging

我正在使用shake effect的jQuery UI库。在我的网站上,它对于某些元素按预期工作,但不适用于d3.js画布中的图像元素,对于这些图像,它只会使它们闪烁。我怀疑这可能是因为这些元素上的其他标签或属性,但我不知道如何开始调试这个问题?

我应该使用JavaScript调试器,还是尝试禁用这些图像的某些属性?这是一个非常神秘且令人沮丧的错误,我需要一些关于如何修复它的建议。

1 个答案:

答案 0 :(得分:1)

我会尝试获取信息在动画期间由jQuery UI创建的元素和包装器的样式 - 使用开发人员工具/ firebug。

例如,通过从控制台运行类似的东西(当切换是动画元素的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更复杂的东西,可能更频繁地转储。

这可能会让我们了解会发生什么。