От начала использования оповещения для подсказки до более позднего jQuery, вручную записывающего всплывающее окно, а затем с помощью всплывающего модуля слоя для завершения, а теперь с помощью диалогового модуля для завершения всплывающего окна. , шаг за шагом исследование, шаг за шагом урожай.
Теперь большинство всплывающих окон в проекте сделаны с помощью диалога, особенно когда диалог соответствует шаблону, его действительно легко использовать~
Сначала прикрепите рендеры:
После введения ui-dialog.css и dialog.js вы можете написать dialog({}) там, где он вам нужен для представления вашего всплывающего окна, не пропустите .showModal() позади
После прочтения кода вы узнаете, как используется диалоговое окно. title представляет заголовок всплывающего окна, а content представляет содержимое всплывающего окна. В этом примере шаблон используется для загрузки содержимого окна. всплывающее окно. Код шаблона отображаться не будет. Если его удалить В случае всплывающего окна содержимое содержимого может быть напрямую написано как «Вы уверены, что хотите удалить этот элемент? "; okValue указывает содержимое кнопки OK; cancelValue указывает содержимое кнопки отмены, функция может быть записана в ok, а содержимым функции является щелчок. Функция, которая выполняется после завершения нажатия кнопки "ОК".
Иногда в проекте необходимо использовать два разных стиля всплывающих окон, например:
В этом случае также очень удобно использовать диалог, код которого выглядит следующим образом:
Просто напиши функцию deleteCss в общем файле отдельно, а потом вызывай ее там, где тебе нужно Мама больше не беспокоится, что я буду использовать два разных стиля всплывающих окон для одного проекта~