javascript - jQuery CSS边框淡入淡出效果对div

我有一个div，可以使用jQuery sortable进行拖动和排序。 div包含一个带有灰色边框的子div，当拖动开始时，我通过添加一个CSS类“ mybox-on-drag”将边框颜色更改为蓝色。然后，当拖动停止时，将其切换以删除该类。

现在，在停止功能期间，如何淡出蓝色并变回灰色？

            start: function(event, ui) {
                    ui.item.children("#mybox").toggleClass("mybox-on-drag");
            },
            stop: function(event, ui) {
                    ui.item.children("#mybox").toggleClass("mybox-on-drag");
            }

谢谢。

最佳答案

如果您对仅使用CSS3的解决方案感到满意，请尝试使用新的transition -Feature（旧版本的浏览器不支持）。

否则，尝试使用.animate函数使用jQuery设置颜色。

ui.item.children("#mybox").animate({border-color: "#efefef"}, 500);

编辑：对于jquery解决方案，您需要jQuery颜色，如注释中所述！