首页 > 代码库 > 后台添加代码的方式模态框的方法

后台添加代码的方式模态框的方法

2024-09-07 16:25:01   207人阅读

以添加含有帮助的方式为例：

1，在某DIV后面增加代码：

$("#ListBoxControl1_1772158006").after(function()
    { return "<div id=‘firstmodal‘ class=‘modal container fade‘ role=‘dialog‘ tabindex=‘-1‘ style=‘display: none;‘><div class=‘modal-header‘><button type=‘button‘ class=‘close‘ data-dismiss=‘modal‘ aria-hidden=‘true‘>×</button><h4 class=‘modal-title‘>第一层模态窗口</h4></div><div class=‘modal-body‘><div id=‘GroupControl4_1811834094-body‘><div data-visible=‘true‘><a id=‘LinkLabel1_1674513499‘ name=‘‘ href=http://www.mamicode.com/‘‘ data-visible=‘true‘ class=‘btn btn-info‘>修改
请输入精度内数字
" });

2，增加弹出模态框方法：

$("#ToolStripButton3_1872779387").on("click",function()
    {
        $("#firstmodal").modal();

        $("#firstmodal").simpleEnhance();//帮助初始化
    });

3，总代码

    $("#ListBoxControl1_1772158006").after(function()
    { return "<div id=‘firstmodal‘ class=‘modal container fade‘ role=‘dialog‘ tabindex=‘-1‘ style=‘display: none;‘><div class=‘modal-header‘><button type=‘button‘ class=‘close‘ data-dismiss=‘modal‘ aria-hidden=‘true‘>×</button><h4 class=‘modal-title‘>第一层模态窗口</h4></div><div class=‘modal-body‘><div id=‘GroupControl4_1811834094-body‘><div data-visible=‘true‘><a id=‘LinkLabel1_1674513499‘ name=‘‘ href=http://www.mamicode.com/‘‘ data-visible=‘true‘ class=‘btn btn-info‘>修改
请输入精度内数字
" }); $("#ToolStripButton3_1872779387").on("click",function() { $("#firstmodal").modal(); $("#firstmodal").simpleEnhance(); });

 

后台添加代码的方式模态框的方法


联系
我们