> 웹 프론트엔드 > 레이이 튜토리얼 > Layui에서 jquery를 사용하는 방법

Layui에서 jquery를 사용하는 방법

藏色散人
풀어 주다: 2020-11-20 10:22:23
원래의
4141명이 탐색했습니다.

layui에서 jquery를 사용하는 방법: 1. "layui.use(['jquery', 'layer']...)"와 같은 명령문을 사용하여 jquery 모듈을 적극적으로 로드합니다. 2. "layui.use('layer)를 통해; ', function (){...}" 메서드.

Layui에서 jquery를 사용하는 방법

권장 "layUI Tutorial"

layui는 내부 jQuery를 사용합니다.

문제 상황 발생:

Layui의 빌드 중 일부 때문에 -in 모듈은 jQuery에 의존하기 때문에 jQuery를 별도로 도입하지는 않지만 $ 기존의 작성 방법을 사용하여 dom 요소를 얻으면 정의되지 않았다는 메시지가 나타납니다.

문제 원인:

일부 내장- Layui의 모듈은 jQuery에 의존하며 가장 안정적인 버전의 jQuery1.11을 내장 DOM 모듈(유일한 타사 모듈)로 사용합니다. 사용하는 모듈이 이에 의존하는 경우에만 로드됩니다. 귀하의 페이지에 스크립트를 통해 jquery가 도입되었으므로 jquery 모듈은 전역 $ 및 jQuery를 제거하며layui 사양을 준수하는 표준 모듈입니다.

//第一种:主动加载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;
 
  //……
});
로그인 후 복사
.

위 내용은 Layui에서 jquery를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿