jQuery css边界淡出对div的影响

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颜色，如评论中所述！