Jquery CSS Несколько «плиток» без необходимости добавлять больше кода Jquery для каждой плитки

0

Мой вопрос в том, что я хочу сделать метро в стиле Плитка. Я получил, что работает, но я хочу больше одного, и я не знаю, как использовать код jquery несколько раз или код css без прослушивания.

Вот как я добрался до Tile

Моя скрипка

  • 0
    У вас уже настроен класс tile , просто продолжайте использовать его для новых плиток.
  • 0
    Я пытался продолжить, но это выдает ошибки здесь, вы можете видеть. FIDDLE
Показать ещё 2 комментария
Теги:
microsoft-metro

1 ответ

0
Лучший ответ

Сделайте это с уроками вместо: Демо

Вы можете добавить только один идентификатор, который разбивает ваш код при использовании нескольких фрагментов.

$(".tile").on("click", function (e) { //opens the login
    e.stopPropagation();
    if(!$(this).hasClass('open') ) {
        $(this).animate({
            "width": "100%",
            "height": "100%"
        }, 1000).addClass('open');
    }
});
$(".close").on("click", function (e) {
    e.stopPropagation();
    $(this).parent().stop().animate({
        "width": "100px",
        "height": "50px"
    }, 1000).removeClass('open');
});
  • 0
    Я работаю с этим, если все работает, как я хочу, я проверю этот ответ

Ещё вопросы

Сообщество Overcoder
Наверх
Меню