Jquery Dialog的使用

需要引用Dialog 的js 如:

<script type="text/javascript"  src="lhgdialog/lhgdialog.min.js"></script>

他的主要作用是生成弹出一个对话框,像弹出层一样,如:

  $(document).ready(function () {
        $(".runcode").click(function () {
            data = $(this).attr("data-param");
            data_arr = data.split("*");
            $.dialog({
                title: $(this).attr("title"),   //设置弹出框的标题
                content: 'url:' + data_arr[2],  //设置弹出框的url      
                width: parseInt(data_arr[0]),   //转换为int类型,设置宽
                height: parseInt(data_arr[1]),  //转换为int类型,设置高
                max: false,
                min: false,
                lock: true
            });
        });

点击class为runcode的时候 就弹出一个消息框

也可以这样

 $(document).ready(function(){$("#dialog").dialog();});

 一句话就弹出一个对话框

posted @ 2014-05-14 11:25  小飞侠24  阅读(276)  评论(0编辑  收藏  举报