jqueryanimate不起作用，而其他一切都起作用

有没有人能给我一个线索，说明我可以做些什么来调试jQuery，或者特别是这个问题

问题：

jQuery方法

animate（）

的行为异常。 该方法被添加到生成的

HTML元素
，javascript的
onclick
方法中

这：

try{

    $(element).animate({
        width : '300px'
    });

}catch(e){
    console.log(e);
}

不返回错误，但动画效果不起作用。
然而，这是可行的：

try{

    $(element).animate({
        width : '300px'
    });
    $(element).css('background','pink');

}catch(e){
    console.log(e);
}

上下文：

var onclick = function(){

    var element = this;

    $(element).css('background','pink');

    try{

    $(element).animate({
        width : '300px'
    });

    }catch(e){
        console.log(e);
    }
}

var elem = document.create('div');
element.addEventListener('click',onclick,false);

事实上，事情有点复杂，但我简化了以澄清问题

我知道jQuery正在工作，因为
$（element）.css（'background'，'pink'）
被正确执行

所有内容都正确地注入头部上下文：


正如您所注意到的，我添加了
jqueryui
，以防万一…

我应该提到，几天前，当我第一次注意到这个问题时，我并没有注射这样的东西。相反，我在我的模板中评估了
jquery-1.11.2.min.class.js
的内容（我同意这不是正确的方法，但这只是一个草稿），我没有使用jquery UI。此时，
try/catch
捕获到此错误：

jquery Uncaught TypeError: (ec[b] || []).concat is not a function

我也已经能够使用
$（element.css（'background'，'pink'）

我还应该提到，我在代码中经常使用纯Javascript，很少使用jQuery，但从现在起，我需要的每个
$
函数都正常工作

我所尝试的：

我发现了一些类似的问题，但没有适合我的问题的解决方案。例如，添加
$（document）.ready
对我没有帮助

var onclick = function(){

    var element = this;

$(document).ready(function () { 
    $(element).css('background','pink');

    try{

    $(element).animate({
        width : '300px'
    });

    }catch(e){
        console.log(e);
    }
}); 
}

我在谷歌上找不到太多关于这一点的信息，似乎这不是一个公共问题。然而，我对jQuery了解了很多，即
concat
用于
连接两个数组

但是，我被绊住了，我遇到的困难依然存在，即使我不再发现错误，我最终还是确定出了问题所在，至少表面上是这样

我的问题是因为我在对象中添加了两个原型。
jQuery内部可能有点混乱，但它一点也不喜欢它。
所以，删除添加到对象中的每个自定义原型就足以让jQuery再次工作

道德：如果你打算使用jQuery，就不要在对象上使用自定义方法。
一个JSFIDLE链接是值得赞赏的。你添加了
jQuery ui
，我同意，但两次？？哦，是的，Gurupasad，我只是解析并注入文件夹，里面有点乱，我将清理它，但它不应该影响这里什么是
jquery-1.11.2.min.class.js
？似乎
element
也不是您想要的。谢谢！我很生气“为什么我已经做了几千次的事情不能正常工作”…真的。。。谢谢：D