Jquery Dialog的使用

最新推荐文章于 2021-08-27 15:50:26 发布

weixin_30537391

最新推荐文章于 2021-08-27 15:50:26 发布

阅读量124

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jiaqi/p/3727346.html

本文详细介绍了如何使用Dialog.js库生成弹出对话框，并提供了实例代码。包括如何通过点击事件触发对话框，设置对话框的标题、内容、尺寸等属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需要引用Dialog 的js 如：

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

$(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();});

一句话就弹出一个对话框

转载于:https://www.cnblogs.com/jiaqi/p/3727346.html