Plugin de cuadro emergente de iOS simulado de jQuery

Este complemento de cuadro emergente se hizo a semejanza del cuadro emergente nativo de iOS, es un complemento personalizado que incluye el cuadro de alerta Alert y el cuadro de confirmación Confirm, admite personalización de título, contenido, texto de botón y función de retroalimentación del botón, es muy fácil de usar y se puede expandir. A continuación se muestra el método de uso del complemento, es muy intuitivo:

Primero, importe la biblioteca jQuery y la biblioteca de complementos, así como el archivo 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' />

Uso rápido del cuadro de alerta

$.alert('¿Estás seguro de continuar??'); --El contenido admite código HTML
$.alert({
 title: 'Cuadro emergente de Alerta!', --Título Título predeterminado (Advertencia amistosa)
 content: '¿Estás seguro de continuar?',63; --Contenido
});

Uso del cuadro emergente de Alerta con función de retroalimentación

$.alert({
 title: 'Alerta con función de retroalimentación!',
 content: 'Alerta con función de retroalimentación, haga clic en el botón de confirmar para activar la función de retroalimentación',
 buttons: {
  ok: {
   text: 'Bien', --Título del botón
   action: function () { --Evento de retroalimentación
     alert("La función de retroalimentación del botón se ejecutó");
   }
  }
 }
});

Uso del cuadro de confirmación de Confirmar

$.confirm('¿Estás seguro de continuar?',63;');
$.confirm({
 title: 'Cuadro de confirmación de Confirmar!', 
 content: '¿Estás seguro de continuar?',63; 
});

Uso del cuadro de confirmación de Confirmar

$.alert({
 title: 'Cuadro de confirmación de Confirmar!',
 content: 'Cuadro de confirmación de Confirmar, haga clic en el botón para activar la función de retroalimentación',
 buttons: {
  ok: { --botón de confirmación
   text: 'Confirmar',
   action: function () {
     alert("La función de retroalimentación del botón de confirmación se ejecutó");
   }
  },
  close: { --botón de cierre
   text: 'Cerrar',
   action: function () {
     alert("La función de retroalimentación del botón de cierre se ejecutó");
   }
  }
 }
});

Los botones de cuadro de confirmación se pueden colocar múltiples

Demostración de efectos

¿Es muy simple de usar? -_-

Enlace de descarga:https://pan.baidu.com/s/1pLJJky3

Lo que se menciona anteriormente es el plugin de cuadro emergente de iOS que presenté a todos ustedes, espero que les haya sido útil. Si tienen alguna pregunta, déjenme un mensaje y responderé a tiempo. También quiero agradecer muy especialmente el apoyo de todos a la página web de呐喊教程.!