English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Questo plugin di casella di dialogo pop-up è stato creato da me imitando la casella di dialogo nativa di iOS, include la casella di dialogo di avviso e la casella di dialogo di conferma, supporta la personalizzazione di titolo, contenuto, testo dei pulsanti e funzione di callback dei pulsanti, è molto facile da usare e può essere esteso. Di seguito è riportata la guida all'uso del plugin, un'occhiata e si capisce:
Prima di tutto, importare la libreria jQuery e la libreria delle estensioni oltre al file CSS
<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' />
Casella di dialogo di avviso rapida
$.alert('Sei sicuro di continuare?'); --内容支持html代码 $.alert({ title: 'Casella di dialogo di avviso!', --标题 默认标题(温馨提示) content: 'Sei sicuro di continuare?', --内容 });
Utilizzo del popup di alert di callback
$.alert({ title: 'Popup di alert di callback!', content: 'Alert con callback, fare clic sul pulsante di conferma per innescare la funzione di callback', buttons: { ok: { text: 'Bene', --Titolo del pulsante action: function () { --Evento di callback alert("La funzione di callback del pulsante è stata eseguita"); } } } });
Utilizzo della casella di conferma di conferma
$.confirm('Sei sicuro di continuare?'); $.confirm({ title: 'Casella di conferma di conferma!', content: 'Sei sicuro di continuare?', });
Utilizzo della casella di conferma di conferma
$.alert({ title: 'Casella di conferma di conferma di callback!', content: 'Casella di conferma di conferma, fare clic sul pulsante per innescare la funzione di callback', buttons: { ok: { --Pulsante di conferma text: 'Conferma', action: function () { alert("La funzione di callback del pulsante di conferma è stata eseguita"); } }, close: { --Pulsante di chiusura text: 'Chiudi', action: function () { alert("La funzione di callback del pulsante di chiusura è stata eseguita"); } } } });
I pulsanti di conferma possono essere posizionati in più luoghi
Mostra dell'effetto
Non è molto semplice da usare -_-
Link di download:https://pan.baidu.com/s/1pLJJky3
I suddetti sono i plugin di popup iOS di jQuery che ho introdotto a tutti voi, spero possano essere utili. Se avete qualsiasi domanda, lasciate un commento e io risponderò prontamente. Ringrazio anche tutti voi per il supporto al sito di tutorial di urla!