实现js调用弹窗

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

听海Movie

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

阅读量1k

点赞数

分类专栏： js应用文章标签： JS 弹窗

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

版权

本文介绍了如何在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.dial