Comment utiliser la couche contextuelle jquery layui

Cette fois, je vais vous montrer comment utiliser la couche contextuelle jquery layui. Quelles sont les précautions pour utiliser la couche contextuelle jquery layui. cas pratique, jetons un coup d'oeil.

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 utiliser le plug-in d'affichage d'images highslide.js dans jQuery

Comment utiliser Instructions personnalisées Angularjs

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!