Plugin de boîte de dialogue iOS jQuery

Cette extension de boîte de dialogue pop-up a été écrite par moi-même en imitant la boîte de dialogue pop-up native d'iOS, y compris la boîte de dialogue d'alerte et la boîte de dialogue de confirmation, qui prend en charge la personnalisation des titres, du contenu, des textes des boutons et des fonctions de rappel des boutons. Il est très simple à utiliser et peut être étendu. Voici la méthode d'utilisation de l'extension, il est facile à comprendre :

Téléchargez d'abord la bibliothèque jQuery et les bibliothèques de plugins ainsi que les fichiers 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' />

Alerte de boîte de dialogue rapide

$.alert('Etes-vous sûr de continuer?'); --Le contenu prend en charge le code HTML
$.alert({
 title: 'Boîte de dialogue d'alerte!', --Titre Titre par défaut (Avis important)
 content: 'Etes-vous sûr de continuer? --Contenu
});

Utilisation de la boîte de dialogue d'alerte de rappel

$.alert({
 title: 'Boîte de dialogue d'alerte de rappel!',
 content: 'Alerte avec fonction de rappel, appuyez sur le bouton Confirmer pour déclencher la fonction de rappel',
 buttons: {
  ok: {
   text: 'Bien', --Titre du bouton
   action: function () { --Événement de rappel
     alert("La fonction de rappel du bouton a été exécutée");
   }
  }
 }
});

Utilisation de la boîte de dialogue de confirmation Confirm

$.confirm('Etes-vous sûr de continuer?');
$.confirm({
 title: 'Boîte de dialogue de confirmation Confirm!', 
 content: 'Etes-vous sûr de continuer? 
});

Utilisation de la boîte de dialogue de confirmation Confirm

$.alert({
 title: 'Boîte de dialogue de confirmation Confirm!',
 content: 'Boîte de dialogue de confirmation Confirm, appuyez sur le bouton pour déclencher la fonction de rappel',
 buttons: {
  ok: { --Bouton de confirmation
   text: 'Confirmer',
   action: function () {
     alert("La fonction de rappel du bouton de confirmation a été exécutée");
   }
  },
  close: { --Bouton de fermeture
   text: 'Fermer',
   action: function () {
     alert("La fonction de rappel du bouton de fermeture a été exécutée");
   }
  }
 }
});

Les boutons de la boîte de dialogue de confirmation peuvent être placés plusieurs fois

Montre d'effet

Est-ce que c'est très simple à utiliser -_-

Lien de téléchargement :https://pan.baidu.com/s/1pLJJky3

Ce que j'ai présenté à tous les amis est un plugin de boîte de dialogue iOS jQuery, j'espère qu'il vous sera utile. Si vous avez des questions, laissez un message, je répondrai à temps. Je tiens également à remercier tous ceux qui soutiennent le site de tutoriels de cri. !