English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Plugin di popup iOS imitato da jQuery

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!

Ti potrebbe interessare