Лучшая практика для обслуживания модальных окон

Question

Лучшая практика для обслуживания модальных окон

0

Я показываю модальные сообщения оповещений, одно и то же сообщение появится на нескольких страницах. Я не хочу поддерживать <div id="modal">contents</div> на всех этих страницах. Может ли кто-нибудь рекомендовать, как, возможно, с JS, я могу обслуживать свой код на нескольких страницах? Или я застрял с вставкой кода в каждый из них? Идеи?

tuco 30 сен. 2013, в 21:56

Источник

0

Какой код JS (или библиотеку) вы используете для отображения модальных оповещений? У разных есть разные способы сделать это.
Moshe Katz 30 сен. 2013, в 19:35
0

Действительно зависит от того, что содержимое. Они динамичны или одинаковы во всем? Самый простой и ленивый вариант - это iframe. Но если у вас есть динамический контент, вы можете получить его с помощью вызова ajax. Если содержание действительно не является существенным, вы должны просто вставить их прямо на свою страницу.
Eric H. 30 сен. 2013, в 19:36
0

Я использую это: accessibility.oit.ncsu.edu/training/aria/modal-window с библиотекой JQuery.
tuco 30 сен. 2013, в 19:38
0

Содержание статично ...
tuco 30 сен. 2013, в 19:38

Показать ещё 2 комментария

Теги:

javascript

jquery

html

modal-dialog

1 ответ

Ещё вопросы

Какой код JS (или библиотеку) вы используете для отображения модальных оповещений? У разных есть разные способы сделать это.
Действительно зависит от того, что содержимое. Они динамичны или одинаковы во всем? Самый простой и ленивый вариант - это iframe. Но если у вас есть динамический контент, вы можете получить его с помощью вызова ajax. Если содержание действительно не является существенным, вы должны просто вставить их прямо на свою страницу.
Я использую это: accessibility.oit.ncsu.edu/training/aria/modal-window с библиотекой JQuery.

user2824854 · Accepted Answer · 2013-09-30T18-18-00.000Z

Вы можете поместить содержимое в свой основной файл JavaScript и называть его оттуда. Пример, когда у вас есть файл all.js который включен во все ваши страницы, добавьте его в этот файл:

var modalContents = '<div id="modal">contents</div>';

При вызове модального оповещения загрузите в modalContents переменную modalContents.

Да, например. Или jQuery $ ("# idOfYourModalContent"). Html (modalContents);