jQuery не работает в Chrome

Question

jQuery не работает в Chrome

0

Этот код отлично работает во всех браузерах, кроме Google Chrome, кто-нибудь знает почему?

$(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/

vektor 01 окт. 2013, в 19:26

Источник

Теги:

jquery

google-chrome

2 ответа

3

Одна из возможностей заключается в том, что вы используете числа как значения класса. Это не строго запрещено, но может потребовать различную тактику выбора:

var $1 = $(".1")

становится

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

isherwood 01 окт. 2013, в 13:47

0

Использование чисел в качестве имен классов ... Поговорим о том, чтобы согнуть его, пока он не сломается! То, что ты можешь, не означает, что ты должен.
user1477388 01 окт. 2013, в 16:48
0

теперь работает плохо во всех браузерах ... jsfiddle.net/xQMHK/1
vektor 01 окт. 2013, в 16:51
0

Я предложил этот код в качестве примера. Не видя ваш HTML, я просто догадываюсь.
isherwood 01 окт. 2013, в 16:52
0

хорошо, только измените 1 2 и 3 для текста и работает нормально. спасибо jsfiddle.net/xQMHK/2
vektor 01 окт. 2013, в 16:54
1

Числа, так как классы работают хорошо, не то, чтобы это была хорошая идея, но не должно быть никаких проблем с этим в любом браузере -> jsfiddle.net/Kxxgw
adeneo 01 окт. 2013, в 16:55
0

Видимо, не в Chrome. Вы читали комментарий выше вашего?
isherwood 01 окт. 2013, в 17:02
0

У меня Chrome и номера работают на меня.
Jakub Michálek 01 окт. 2013, в 17:04
0

Не знаю. Я хватался за соломинку.
isherwood 01 окт. 2013, в 17:05
0

У меня в chrome отлично работает, но почему эти классы там для начала, вам действительно нужны три класса для ссылки на один и тот же проклятый элемент?
adeneo 01 окт. 2013, в 17:06

Показать ещё 7 комментариев

Ещё вопросы

Использование чисел в качестве имен классов ... Поговорим о том, чтобы согнуть его, пока он не сломается! То, что ты можешь, не означает, что ты должен.
теперь работает плохо во всех браузерах ... jsfiddle.net/xQMHK/1
Я предложил этот код в качестве примера. Не видя ваш HTML, я просто догадываюсь.
хорошо, только измените 1 2 и 3 для текста и работает нормально. спасибо jsfiddle.net/xQMHK/2
Числа, так как классы работают хорошо, не то, чтобы это была хорошая идея, но не должно быть никаких проблем с этим в любом браузере -> jsfiddle.net/Kxxgw
Видимо, не в Chrome. Вы читали комментарий выше вашего?
У меня Chrome и номера работают на меня.
У меня в chrome отлично работает, но почему эти классы там для начала, вам действительно нужны три класса для ссылки на один и тот же проклятый элемент?

vektor · Accepted Answer · 2013-10-01T14-34-00.000Z

Окончательный код и правильный это

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;
});
});

Спасибо всем!