So verwenden Sie die Laui-Popup-Ebene

So verwenden Sie die Laui-Popup-Ebene: Führen Sie zuerst eine beliebige Version von jQuery1.8 oder höher ein und verwenden Sie schließlich die Funktion „show(){var a = layer.open({...}“. );}"-Methode Verwenden Sie einfach laery.open, um die Ebene aufzurufen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Laui2.4&&jquery2.2.1-Version, Dell G3-Computer.

Empfohlen: „LayUI-Tutorial“

Layer hat eine Sonderstellung im Laui-System, was viele Leute sogar fälschlicherweise denken lässt, dass Laui = Layer-UI ist, daher wird noch einmal betont, dass Layer nur ein Frühlingslagenmodul von Laui ist

1. Um laery.js zu erhalten, müssen Sie die Adresse von laery.js herunterladen Version von jQuery 1.8 oder höher

<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
<script src="layer/layer.js"></script>

3. Verwenden Sie laery.open();

function show(){
  var a = layer.open({
    type: 2,
    area: ['80%','450px'],
    title: '我是标题',
    shadeClose: true,
    content: ['layer_model.html','no']
  });
}

Grundlegende Parameter

1 eine Seitenebene

type: 1,  // 0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）

Beispiel:

title:"我是标题",  
//若你还需要自定义标题区域样式，那么你可以title: ['文本', 'font-size:18px;'] 数组第二项可以写任意css样式；
//如果你不想显示标题栏，你可以 title: false

layer.open({
  type: 1, 
  content: '传入任意的文本或html' //这里content是一个普通的String
});
 
layer.open({
  type: 1,
  content: $('#id') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
});
 
//Ajax获取
$.post('url', {}, function(str){
  layer.open({
    type: 1,
    content: str //注意，如果str是object，那么需要字符拼接。
  });
});

4. Flächenbreite und -höhe . Wenn Sie sowohl Breite als auch Höhe definieren, können Sie Folgendes festlegen: ['500px', '300px']

5. BTN-Schaltfläche

layer.open({
  type: 2, 
  content: 'http://sentsin.com' //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
});

Wenn Ihre Maske vorhanden ist, können Sie ShadeClose auch so einstellen, dass Sie auf die Maske klicken, um sie zu schließen. Standard: False. Wenn Ihre Maske vorhanden ist, können Sie ShadeClose so einstellen, dass das Klicken auf den Bereich außerhalb des Gummibands gesteuert wird Ebene, um es zu schließen

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Laui-Popup-Ebene. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!