Heim > Web-Frontend > js-Tutorial > Ausführliche Erläuterung von Beispielen zum Öffnen und Schließen von Popup-Ebenen mithilfe von jQuery und Layer

Ausführliche Erläuterung von Beispielen zum Öffnen und Schließen von Popup-Ebenen mithilfe von jQuery und Layer

小云云
Freigeben: 2018-05-24 14:21:21
Original
3141 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich jQuery und Layer vorgestellt, um die Öffnungs- und Schließfunktionen des Popup-Layers zu realisieren. Ich hoffe, dass es jedem helfen kann.

Öffnen Sie die Popup-Ebene:

Fügen Sie „layer.js“ auf der Listenseite ein.

Wenn Sie auf der Listenseite darauf klicken, wird die Formular-Popup-Ebene „Liste“ angezeigt .js:

$(".add_category,.update").click(function(){  
    //弹出框  
    var doMain = $('.domain_name').val();  
    layer.open({  
      shade: [0.5, '#000', false],  
      type: 2,  
      area: ['900px', '530px'],  
      fix: false, //不固定  
      maxmin: true,  
      title: ['添加或修改用户类型', false],  
      content: doMain+"/Stat/QueryUserCategoryForm.action?adminUserCategory.id="+$(this).val()  
    });  
  });
Nach dem Login kopieren

Wenn Sie auf die Schaltfläche „Speichern“ der Formular-Popup-Ebene klicken und die Daten erfolgreich gespeichert wurden, wird die Popup-Ebene geschlossen und die Listenseite aktualisiert :

<span style="color:#000099;">submitHandler: function (form){  
      $.post(  
        $(&#39;.domain_name&#39;).val()+"/Stat/AddOrUpdateUserCategory.action",  
        $(form).serialize(),  
        function(data){  
          var result = eval("("+data+")");  
          if(!result.status){  
            alert(result.message);  
          }else{  
            //添加数据成功,关闭弹出窗之前,刷新列表页面的数据  
            parent.window.location.href=$(&#39;.domain_name&#39;).val()+"/Stat/QueryUserCategoryListStat.action";  
            </span><span style="color:#ff6666;"> var index = parent.layer.getFrameIndex(window.name); //获取窗口索引  
            parent.layer.close(index); </span><span style="color:#000099;"> 
          }  
        }  
      );  
    } </span>
Nach dem Login kopieren

Verwandte Empfehlungen:

Detaillierte Erläuterung der Verwendung des Jquery-Popup-Layer-ThickBox-Plug-Ins

js Implementierung des Funktionscodes zum Schließen des Fensters der js-Popup-Ebene

jQuery-Implementierung des Klicks „Schließen Sie den Popup-Ebeneneffekt an einer beliebigen Position außerhalb der Popup-Ebene“

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Beispielen zum Öffnen und Schließen von Popup-Ebenen mithilfe von jQuery und Layer. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage