layer點擊自定義按鈕關閉對應的彈窗,layer如何關閉彈窗

layer點擊自定義按鈕關閉對應的彈窗,layer如何關閉彈窗

首先自定義一個變量

點擊 Btn 按鈕,彈出彈窗(將彈窗事件賦給自定義的變量名)

最後點擊自定義的關閉按鈕 ShutDown 時,觸發關閉事件,關閉對應的 LayIndex 彈窗

這樣就可以實現你想關閉的任何一個彈窗,只需對應變量名即可,layer.close(變量名)

<script>
    // 定義變量名
    var LayIndex;
    // 點擊定義的彈窗按鈕彈出彈窗
    $("#Btn").click(function(){
        LayIndex = layer.open({
            type: 1 //Page層類型
            ,area: ['500px', '300px']
            ,title: '彈出窗標題'
            ,shade: 0.6 //遮罩透明度
            ,anim: 1 //0-6的動畫形式,-1不開啓
        });
    });
    // 自定義關閉按鈕觸發事件
    $("#ShutDown").click(function(){
        layer.close(LayIndex)
    });
</script>

前端共享博客 http://sharedblog.cn/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章