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:

3.2. Wenn es sich um eine Iframe-Ebene handelt

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

Beispiel:

3.3. Wenn Layer.open zum Ausführen der Tipps-Ebene verwendet wird

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，那么需要字符拼接。
  });
});

Beispiel:

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

Im Informationsfeldmodus ist BTN standardmäßig eine Bestätigungsschaltfläche und andere Ebenentypen werden nicht angezeigt Standardmäßig sind die Ladeebene und die Spitzenebene ungültig. Wenn Sie nur eine Schaltfläche anpassen möchten, können Sie Folgendes eingeben: „Ich weiß“. Wenn Sie zwei Schaltflächen definieren möchten, können Sie Folgendes eingeben: „Ja“, „Nein“. Natürlich können Sie auch weitere Schaltflächen definieren, z. B.: btn: ['Button 1', 'Button 2', 'Button 3', ...], der Rückruf von Button 1 ist ja, und ab Button 2, Der Rückruf ist btn2: function(){} und so weiter. Zum Beispiel:

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

6, Farbmaske

ist der Bereich außerhalb der elastischen Schicht. Der Standardwert ist ein schwarzer Hintergrund mit einer Transparenz von 0,3 ('#000'). Wenn Sie andere Farben definieren möchten, können Sie Folgendes tun: [0,8, '#393D49']; wenn Sie die Maske nicht anzeigen möchten, können Sie dies tun Shade: 0

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!