layer

              @{
    ViewBag.Title = "Index";
}


<script src="~/js/jquery-1.9.1.min.js"></script>
<script src="~/js/admin_layer/layer.js"></script>
<script src="~/js/admin_layer/btn.js"></script>


<script>
    $(function () {


  
        //链接我们 ajax提交
        //url   链接
        //type  方式 
        //data    内容
        //var data = {
        //    id: id,
        //    name: categorie,
        //    up: isbool,
        //    show: isbool
        //};
        //callback 回调函数
        function submit_ajax(url, type, data, callback) {
            url = "/home/"+url;
            $.ajax({
                url: url,
                type: type,
                data: data,
                success: function (result) {
                    callback(1,"我是show");
                },
                error: function (err) {
                    callback(1, "这是个错误");
                }
            })
        }


        //普通的layer封装
        //content  内容
        function admin_layer(content) {
            layer.open({
                type:0,
                title:"温馨提示",
                content: content,
                btn: ['确定', '取消'],
                yes: function () {
                    alert("你点击了确定")
                },
                btn2:function(){
                    alert("你点击了取消")
                    layer.closeAll();
                }
            })
        }


        function show() {
            //result 判断
            //text  提示内容
            var callback = function (result,text) {
                if (result==1) {
                    admin_layer("成功了+"+text)
                }
            } //调用我们的Ajax
            submit_ajax("show", "post", "", callback);
        
        }




        $("#btn").click(function () {
            show()
        })


        $("#btn1").click(function () {
            layer.open({
                type: 0,
                title: '温馨提示',
                icon: 1,            //图标
                shift:2,            //动画   更新后事anim
                area:[200,200],
                btn: ["确认", "取消"],
                yes: function () {
                    alert("你点击了确认")
                }, btn2: function () {
                    alert("你点击了取消")
                }, end: function () {
                    alert("你end")
                }
            })
          
        
            
        })




        
        $("#btn2").click(function () {
            layer.msg("12", { icon: 6, time:2000 }, function () {
                alert("自动关闭后做的方法")


            })


        });


        $("#btn3").click(function () {
            layer.load(0,{time:2000})
        });




        $("#btn4").click(function () {
            layer.open({
                type: 3,
                time: 2000,


            })
        });


        $("#btn5").click(function () {
            layer.open({
                type: 1,
                content:$("#main").html()


            })
        });




    })


</script>




<h2>Index</h2>


<input type="button" value="按钮1" id="btn" />


<input type="button" value="完整的提示弹窗" id="btn1" />


<input type="button" value="消息透明提示窗口" id="btn2" />


<input type="button" value="数据加载层" id="btn3" />


<input type="button" value="提示窗口的加载层" id="btn4" />


<input type="button" value="显示下面的HTML代码" id="btn5" />






<div id="main" hidden>
    <text>你好，很高兴见到你</text>
</div>