1. モジュラーと非モジュラーの違い
layui には、ポップアップ レイヤー、日付と時刻のピッカー、ページング、その他のさまざまなモジュールなど、さまざまな組み込みモジュールが多数あります。 モジュール化: 使用時に対応するモジュールをロードします。 非モジュール型: すべてのモジュールを一度にロードします。2. モジュールリファレンス
リファレンス ../layui/layui.js① 通常、ツールクラスlayui.util.jsを書きます(拡張可能) )、jsp ページのvar layer;var laydate;
layui.use(['layer','laydate'], function() {
layer = layui.layer;
laydate = layui.laydate;
}); を直接参照します。 ② jsp ページ <%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/layui/layui.all.js"></script>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/layui/layui_util.js"></script>
<script type="text/javascript">
$(function(){
laydate.render({
elem: '#test' //指定元素
});
});
function openLayui() {
layer.msg('hello');
layer.open({
type : 1,
maxmin : true,
area: ['500px', '300px'],
content : $('#inputId'),
btn: ['确定', '重置', '关闭'], //可以无限个按钮,
btn1: function(index, layero){
alert(parent.$("#inputId").val());
//layer.close(parent.layer.getFrameIndex(window.name));
layer.close(index);
},
btn2: function(index, layero){
layer.style(index, {
width: '80px'
});
parent.$("#inputId").val("button");
return false;
},
btn3: function(index, layero){
alert(index);
return false;
}
});
var index = layer.getFrameIndex(window.name);
layer.title('傻逼', index);
}
</script>
</head>
<body>
<input type="button" onclick="openLayui()" id="inputId" value="弹框" />
<input type="text" id="test"/>
</body>
</html>
3、非モジュール参照
Reference .. /layui/layui .all.js通常は、ツール クラスlayui.util.js (拡張可能) を作成し、レイヤ、laydate....var layer = layui.layer; var laydate = layui.laydate;を直接参照するか、JSP ページに直接記述します。layui を使用できます。 jsp ページの .layer およびlayui.laydate layui の詳細については、PHP 中国語 Web サイトの
layui 使用法チュートリアル 列に注目してください。
以上がLauiui モジュール化と非モジュール化のさまざまな参照方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明
この記事は博客园で複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
Inzoi：学校と大学への応募方法
1 か月前ByDDD
Atomfallのサイトオフィスキーを見つける場所
4週間前ByDDD
ホットツール
WebStorm Mac版
便利なJavaScript開発ツール
SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
ホットトピック
Gmailメールのログイン入り口はどこですか？
790715
7907
15Java チュートリアル165214
165214CakePHP チュートリアル141152
141152Laravel チュートリアル130325
130325PHP チュートリアル124829
124829