Maison >interface Web >Tutoriel Layui >Comment utiliser jquery dans layui

Comment utiliser jquery dans layui

藏色散人
藏色散人original
2020-11-20 10:22:234151parcourir

Comment utiliser jquery dans layui : 1. Chargez activement le module jquery avec des instructions telles que "layui.use(['jquery', 'layer']...)"; méthode use(' layer', function(){...}".

Comment utiliser jquery dans layui

Recommander "tutoriel layUI"

layui utilise jQuery interne :

Rencontre d'une situation problématique :

Parce que certains des modules intégrés de Layui dépendent de jQuery, jQuery est pas introduit séparément, mais lors de l'utilisation Lorsque $ utilise l'écriture conventionnelle pour obtenir des éléments dom, cela indique qu'il n'est pas défini

La raison du problème :

Depuis certains des modules intégrés de Layui. dépendent de jQuery, nous utilisons la version la plus stable de jQuery 1.11 comme module DOM intégré (le seul module tiers). Il ne sera chargé que si le module que vous utilisez en dépend, et si votre page a introduit jquery. via le script, il ne chargera plus le module jquery intégré. Suppression du $ global et de jQuery, c'est un module standard conforme à la spécification layui

Deux solutions :

//第一种:主动加载jquery模块
layui.use(['jquery', 'layer'], function(){ 
  var $ = layui.$ //重点处
  ,layer = layui.layer;
  
  //后面就跟你平时使用jQuery一样
  $('body').append('hello jquery');
});
 
//第二种:如果内置的模块本身是依赖jquery,你无需去use jquery,所以上面的写法其实可以是:
layui.use('layer', function(){ 
  var $ = layui.$ //由于layer弹层依赖jQuery,所以可以直接得到
  ,layer = layui.layer;
 
  //……
});
.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn