javascript - div 上的 jQuery css 边框淡出效果

Question

我有一个 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");
            }                

谢谢。

Answer 1

如果您对纯 CSS3 解决方案感到满意，请尝试新的 transition - 功能(旧浏览器不支持)。

否则，请尝试使用 .animate 通过 jQuery 设置颜色功能。

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

编辑:对于 jquery 解决方案，您需要 jQuery 颜色，如评论中所述!