English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
This pop-up box plugin is a custom plugin I wrote myself, inspired by the original iOS pop-up box, including Alert pop-up box and Confirm confirmation box, supporting custom title, content, button text, and button callback function, very easy to use, can be expanded, the following is the plugin usage method, easy to understand:
Firstly, import the jquery library, plugin library, and css file
<script src="./jquery-1.8.3.min.js"></script> <script src="./jquery.confirm-1.1.js"></script> <link href="./jquery.confirm-1.1.css" rel="external nofollow" rel='stylesheet' type='text/css' />
Quick use of Alert pop-up box
$.alert('Are you sure to continue?'); --内容支持html代码 $.alert({ title: 'Alert pop-up box!', --标题 默认标题(温馨提示) content: 'Are you sure to continue?', --内容 });
Использование AlertAlertAlert回调popup
$.alert({ title: 'AlertAlertAlert回调popup!', content: 'alert с функцией回调, при нажатии на кнопку вызывается функция回调', buttons: { ok: { text: 'Хорошо', --Заголовок кнопки action: function () { --Событие回调 alert("Функция回调 кнопки была выполнена"); } } } });
Использование ConfirmConfirmConfirm
$.confirm('Are you sure to continue?'); $.confirm({ title: 'ConfirmConfirmConfirm!', content: 'Are you sure to continue?', });
Использование ConfirmConfirmConfirm
$.alert({ title: 'ConfirmConfirmConfirm回调confirm!', content: 'ConfirmConfirmConfirm, при нажатии на кнопку вызывается функция回调', buttons: { ok: { --Кнопка подтверждения text: 'Подтвердить', action: function () { alert("Функция回调 кнопки подтверждения была выполнена"); } }, close: { --Кнопка закрытия text: 'Закрыть', action: function () { alert("Функция回调 кнопки закрытия была выполнена"); } } } });
Кнопки подтверждения можно разместить несколько
Пример использования
Не очень ли просто использовать? -_-
Ссылка для скачивания:https://pan.baidu.com/s/1pLJJky3
Ниже приведены плагины имитации iOS-окна弹出框, которые я представил вам, надеюсь, они помогут вам. Если у вас есть какие-либо вопросы, пожалуйста, оставьте комментарий, и я отвечу вам своевременно. В этом плане также хочу выразить благодарность всем за поддержку сайта呐喊 учебника!