Question

此代码适用于除谷歌浏览器以外的所有浏览器，任何人都知道为什么？

$(document).ready(function () {
    var $1 = $(".1"),
        $title = $(".admintitle"),
        $box = $(".uno"),
        flag = false,
        flag2 = false,
        height = $1.height();
    $title.click(function () {
        $1.animate({
            height: flag ? height : 40
        }, function () {
            $box.css('overflow', flag ? 'hidden' : 'visible')
            $title.css('background-position', flag ? '-254px 0px' : '0px 0px')
        });
        flag = !flag;
    });
});

http://jsfiddle.net/xQMHK/

Answer 1

一种可能性是您使用数字作为类值。这不是严格禁止的，但它可能需要不同的选择策略：

var $1 = $(".1")

成为

var $1 = $('div[class~="1"]');

Answer 2

最终的代码和正确的是这个

http://jsfiddle.net/xQMHK/2/

$(document).ready(function () {
var $1 = $(".admin"),
    $title = $(".admintitle"),
    $box = $(".uno"),
    flag = false,
    flag2 = false,
    height = $1.height();
$title.click(function () {
    $1.animate({
        height: flag ? height : 40
    }, function () {
        $box.css('overflow', flag ? 'hidden': 'visible')
        $title.css('background-position', flag ? '-254px 0px': '0px 0px')
    });
    flag = !flag;
});
});

非常感谢大家！

jQuery在Chrome中不起作用

2 个答案: