Jquery互动对话框是怎么实现的

2012-07-25 09:55:18 222 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

告别兼容性困扰：在F-Droid中安全部署Termux的完整指南本文提供了一份在F-Droid中安全部署Termux的完整指南，旨在彻底解决Android设备上的兼容性困扰。文章详细阐述了为何选择F-Droid而非Google Play商店，并逐步指导用户完成从彻底清理旧版本、安装F-Droid客户端、授予权限到最终安装配置Termux的全过程。指南还涵盖了进阶的稳定性配置、数据迁移方法以及常见问题排查，确保用户获得一个稳定、无冲突的命令行工作环境。阅读详情

类似这种弹出的对话框，登录后跳转，对话框返回值等。是怎么实现的
是采用哪种插件呢。

...全文

BPMN-JS ：修改节点“Change Type”事件类型修改路径：node_modules\bpmn-js\lib\features\replace\ReplaceOptions.js。阅读详情

林少1024

.NET社区 62,272 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

色拉油 2012-07-26

打赏
举报

自己用个绝对定位的DIV就能实现

davidcoffee 2012-07-25

打赏
举报

下载地址http://jqueryui.com/里面不只有你要的dialog还有其他tab啦，折叠啦，自动联想各种强大啊...希望对你有帮助啦~当然如2L所说要锻炼下也可以自己写个这样的他这种dialog无非就是个div，你写点JS和样式让他看起来是浮层效果就行了~

davidcoffee 2012-07-25

打赏
举报

用jquery ui中的dialog他已经封装的很强大了，看下api大多数功能都有的
你要的大概就是如下效果吧



<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>



<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <input type="button" id="testDialog" name="testDialog" onclick="javascript:$('#dialog').dialog('open');"

        value="测试Dialog" />

    <div id="dialog" title="Dialog Title">

        <table style="width: 90%;">

            <tr>

                <th colspan="2">

                    <strong>基本信息</strong>

                </th>

            </tr>

            <tr>

                <td style="width: 30%;">

                    <strong>登陆账号：</strong>

                </td>

                <td style="width: 70%;">

                    <input id="account" name="account" value="" />

                </td>

            </tr>

            <tr>

                <td style="width: 30%;">

                    <strong>密码：</strong>

                </td>

                <td style="width: 70%;">

                    <input id="password" name="password" value="" />

                </td>

            </tr>

        </table>

        <%--        <input type="text" name="modifyValue" id="modifyValue" value="" />--%>

    </div>

    <script language="javascript" type="text/javascript">



        var InitDialog = function () {

            $('#dialog').dialog({

                autoOpen: false,

                width: 600,

                title: "用户登陆",

                buttons: {

                    "Ok": function () {

                        //触发你的jquery form验证通过进行下一步，关闭dialog

                        $(this).dialog("close");

                    },

                    "Cancel": function () {

                        $(this).dialog("close");

                    }

                }

            });

        }

        //创建dialog对象表示初始化，等同于在$().ready(function(){})里调用

        var initDialog = new InitDialog();

    </script>

</asp:Content>

全栈极简 2012-07-25

打赏
举报

这个完全可以自己写，当然也有各种现成的，不过可定制化不高。帮顶吧，说来话长。。

Jquery互动对话框是怎么实现的

相关推荐