Comment utiliser la couche contextuelle jquery layur dans des projets réels

Cette fois, je vais vous montrer comment utiliser le calque pop-up jquery layur dans des projets pratiques, et quelles sont les précautions à prendre pour utiliser le calque pop-up jquery layur. Ce qui suit est un cas pratique, jetons un coup d'œil.

Jquery doit être supérieur à 1,83

layui doit être tout, sinon il ne sera pas affiché

<script src="../js/jquery-1.8.3.min.js"></script> 
 <script src="../layui/layui.all.js"></script>

code html

<input id="about" type="button" value="修改考勤" class="layui-btn layui-btn-normal" />

main js code

<script>
 $('input#about').on('click', function () {
 layer.confirm('是否要修改123的考勤？', {
btn: ['确定', '取消', ] //按钮
},
function () {
 layer.msg('修改成功', { time: 800, icon: 1 });
 // layer.msg('网络连接失败', { time: 800, icon: 2 });
 },
 function () {
 layer.msg('未作任何修改', {
time: 800, //20s后自动关闭
});
 }
 );
});
 </script>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment créer des exigences de chargement infinies en bas de la page coulissante

vue déclenche le événement avec barre de défilement mobile

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!