js前端弹出框实例

古城微笑少年丶 2021-12-16 11:04 296阅读 0赞

描述：点击按钮弹出弹出框

引入jquery-ui相关组件  
    <script type="text/javascript" src="../fe-res/js/jquery-ui.js"></script>  
    <link href="../fe-res/css/plugins/jquery-ui.css" rel="stylesheet" />

jsp中隐藏的内容：  
 <div id="pdailog" style="display:none;" >  
    <div id="tree"  >  
        <input type="text" value="" class="bi-ipt" id="organ\_name" style="width: 300px"  placeholder="请输入组织名称或用户名称进行模糊搜索">  
        <div id="treecontents"></div>  
        <div>  
            <button id="pdailog-cancel" class="btn btn-slight">确认</button>  
        </div>  
    </div>  
</div>

<input class="bi-btn bi-btn-primary" οnclick="connectUser()" type="button" value="关联用户"></input>

js：  
function connectUser()\{

$("\#pdailog").dialog(\{title: '关联用户',  
            width: 500,  
            height: 600,  
            closed: false,  
            cache: false,  
            modal: true  
        \}  
    );  
    $("\#pdailog-cancel").on("click",function () \{  
        $("\#pdailog").dialog('close');  
    \});  
\}

发表评论取消回复

表情：

评论列表（有 0 条评论，296人围观）

还没有评论，来说两句吧...

相关阅读

相关 jsp + js + 前端弹出框

在项目中，前端页面我们时常需要各种各样的弹出框： 1、alert对话框：显示含有给定消息的"JavaScript Alert"对话框代码： var a = "H

末蓝、/ 2023年08月17日 16:35/ 0 赞/ 92 阅读

相关前端实例9——弹出和隐藏模态框实例（JS，jQuery）

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

约定不等于承诺〃/ 2023年03月01日 12:22/ 0 赞/ 130 阅读

相关 js弹出框、对话框、提示框、弹窗总结

1、JS的三种最常见的对话框 \[javascript\] [view plain][] [copy][view plain] 1. //===========

淡淡的烟草味﹌/ 2022年09月29日 00:25/ 0 赞/ 249 阅读

相关 js弹出框、对话框、提示框、弹窗总结

[js弹出框、对话框、提示框、弹窗总结][js] 一、JS的三种最常见的对话框 \[javascript\] [view plain][] [copy

落日映苍穹つ/ 2022年09月18日 13:55/ 0 赞/ 253 阅读

相关 js弹出框、对话框、提示框、弹窗总结

一、JS的三种最常见的对话框 \[javascript\] [view plain][] [copy][view plain] 1. //===============

分手后的思念是犯贱/ 2022年06月14日 02:25/ 0 赞/ 391 阅读

相关基于bootstrap的弹出框实例

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

旧城等待，/ 2022年04月23日 12:58/ 0 赞/ 252 阅读

相关 js弹出输入框

分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangju

逃离我推掉我的手/ 2022年04月17日 06:13/ 0 赞/ 397 阅读

相关 js如何弹出登陆框,注册框等等

方法一：在body中输入如下代码 <div id=win style="display:none; POSITION:absolute; left:50%; to

素颜马尾好姑娘i/ 2022年03月11日 20:14/ 0 赞/ 272 阅读

相关 css + js 弹出提示框

css ： /弹出框/ .alert { display: none; position: fixed; to

末蓝、/ 2022年03月06日 15:48/ 0 赞/ 452 阅读

相关 js前端弹出框实例

描述：点击按钮弹出弹出框引入jquery-ui相关组件 <script type="text/javascript" src="../fe-res/js/jqu

古城微笑少年丶/ 2021年12月16日 11:04/ 0 赞/ 297 阅读