Как добавить атрибут класса в дискурс-модальный div

Question

Как добавить атрибут класса в дискурс-модальный div

0

У меня есть определенный дискурс модальный, что я хочу, чтобы стиль немного по-другому, чем другие, но я не могу найти способ добавить определенный класс, не добавляя его ко всем модалам.

Это выглядит как модальный обычный, когда он отображается.

<div id="discourse-modal" class="ember-view modal hidden in" style="display: block;">

Я хочу, чтобы иметь возможность добавлять определенный класс для каждого модального, поэтому я могу использовать его в качестве верхнего стиля для работы. Например, в модуле входа в систему я хочу скрыть нижний колонтитул, но в моделе категории редактирования я хочу, чтобы нижний колонтитул отображался. Поэтому, если у меня есть имя класса, я могу ссылаться на верхний уровень, тогда я могу по-разному их отличать.

Я хочу иметь возможность добавить что-то вроде этого.

<div id="discourse-modal" class="ember-view modal hidden in login-modal" style="display: block;">

Chapsterj 19 сен. 2013, в 19:17

Источник

Теги:

html

css

discourse

1 ответ

Ещё вопросы

itiel · Answer 1 · 2013-09-19T17-08-00.000Z

Если модальный div имеет конкретный id вы можете использовать его, сделав ссылку на них или нижний колонтитул внутри них в css например:

#login-modal .footer {
    display: none; /*you don't show*/
}

#edit-category-modal .footer {
    /*i'll let you be*/
}

Но если они не имеют id или, если это не достаточно хорошо, что js является правильным решением для вас?

В этом случае, возможно, вы можете использовать метод element.classList.add(). Вот пример:

var divs = document.getElementsByClassName("modal");
divs[0].classList.add("login-modal");
divs[1].classList.add("edit-category-modal");

И здесь также ДЕМО, что иллюстрирует суть.

Надеюсь это поможет :)

Спасибо, итель, во-первых, каждый модал имеет одинаковый идентификатор. То, что я пытаюсь сделать, это добавить уникальный класс, когда элементы добавляются в модальное. Так что, если шаблон входа добавлен в модальный, то я хочу иметь возможность стилизовать модальную оболочку по-другому. Проблема в том, что модальная оболочка всегда имеет одинаковые ID и имена классов.
Что касается JS, то проблема в том, что модальное раскрытие информации является скрытым или показным. Чтобы использовать JS, мне нужен способ узнать, был ли он показан и какой контент добавлен к нему. Это потребует, чтобы уродливый setInterval работал все время.
Если вы используете дискурс, вы заметите, что он использует ember.js для загрузки шаблонов в модал. Он показывает и скрывает модал на основе запросов пользователей. Я пытаюсь добавить уникальное имя класса для каждой модальной оболочки. Поэтому я могу по-разному стилизовать определенные модалы, в зависимости от типа модальности.