jquery.animate（）不起作用

我不明白为什么我的代码不起作用

我想在单击标题时设置标题颜色的动画，但它不起作用

我把我的页面缩小到这个简单的部分，因为其余部分不需要动画，而且工作正常

这是我的建议

HTML

JQUERY

function sortEvents() {
    $("#Nav h2").click(function () {
        $("h2").animate({ "color": "#f49d29" }, 1500);      
    })
}

---

标准jquery库不支持彩色动画。需要包括jQueryUI才能实现

在您的小提琴中，您没有包括jQuery；然后，“使用颜色设置动画”只能通过包含或jQuery颜色来使用：

jQueryUI绑定了提供颜色的jQueryColor插件 动画以及许多用于处理颜色的实用功能

考虑使用此作为选择器仅为单击的元素着色：

$("#Nav h2").click(function () {
    $(this).animate({
        "color": "#f49d29"
    }, 1500);
})

---

演示：

您需要使用Jquery.UI才能进行彩色动画。已更新您的应用程序以演示相同的功能

代码段：

$(document).on('click','#Nav > h2', function () {
    $(this).animate({ "color": "red" }, 1500);      
});

---

仅jQuery无法设置颜色动画。你需要一个像谢谢你这样的插件！我用这个，但举个例子，我并不担心。完整的动画选择了更多的内容，h2只是一个例子。@enikmaster好的，这只是一个添加：-谢谢！谢谢你的帮助。

$("#Nav h2").click(function () {
    $(this).animate({
        "color": "#f49d29"
    }, 1500);
})

$(document).on('click','#Nav > h2', function () {
    $(this).animate({ "color": "red" }, 1500);      
});