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事件处理程序将被触发。不幸的是，您需要触发焦点事件（例如，单击正文？或者在另一个元素上调用focus()），以便关闭标签。

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

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

jQuery动画只能在IE中工作 - 2

1 个答案: