实现js调用弹窗

最新推荐文章于 2024-04-08 14:07:57 发布

听海Movie

最新推荐文章于 2024-04-08 14:07:57 发布

阅读量1.3k

点赞数

分类专栏： js应用 Html

本文链接：https://blog.csdn.net/u011781769/article/details/39665877

版权

本文详细介绍了如何在JavaScript中创建和使用自定义弹窗，包括弹窗的样式设置、内容动态加载、关闭按钮功能实现等关键步骤，帮助开发者更好地理解和掌握在网页应用中实现交互式的弹窗操作。

摘要由CSDN通过智能技术生成

<span style="font-size:14px;">//Html代码：点击控件实现调用“收件人弹窗”
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <script src="<? echo base_url('static/js/<strong>user.js</strong>') ?>"></script>
    </head>
    <body>
        <div class="iframe-container">
           <table cellpadding="5">
                <tr><td width="150">收件人：</td>
                    <td><div style="width:800px;" class="user-group" data="" data-form="form[uids][]" data-multi="true" ></div></td>                      
                </tr>
            </table>
        </div>
    </body>
</html></span>

【对应的user.js】

$(function(){
    /* 弹出层选用户 */
    $('.user-group').on('click','.user-add',function (){
        div = $(this).parent('div.user-group');
        box = $(this).next('div.user-gather');
        single = (typeof(div.attr('data-multi'))=='undefined');
        window.top.art.dialog.open('base/user/i