jQuery 动画仅适用于 IE - 2 [重复]

Question

我有一个非常简单的动画，如果我在屏幕一侧有一个标签，如果你点击它，它会增加大小。但它只适用于 IE，代码如下：

$(document).ready(function () {
    $("#a-tab,#a-tab > *")
        .on('focusin', function () {
        $("#a-tab").animate({
            width: '320px'}, "fast");
        $(".deluxe").animate({
            width: '30px'}, "slow");
    })
        .on('focusout', function () {
        $("#a-tab").animate({
            width: '10px'}, "fast");
        $(".deluxe").animate({
             width: '5px'}, "fast");
    });
});

必须是#a-tab > *，因为里面有内容

是问题所在，我怎样才能使它与 Chrome、Firefox 等兼容。

http://jsfiddle.net/dadVt/

这是一个转发，因为我不知道如何以另一种方式获得快速帮助，如果你知道如何让我知道。 （添加完整代码）

页面 - http://claudiacabrera.cl/flores.html

Answer 1

问题在于并非所有元素都是可聚焦的，DIV 元素是一个。

一种解决方法是将属性tabindex 添加到您的元素。这允许元素接收焦点（单击），或通过 Tab 键访问元素。

现在您的focusin 和focusout 事件处理程序将被触发。不幸的是，您需要触发 focusout 事件（例如，单击正文？或在另一个元素上调用 focus()）才能关闭您的标签。

这是一个更新的小提琴（包括 jQuery）

http://jsfiddle.net/dadVt/1/