zoukankan      html  css  js  c++  java
  • JQuery 弹出框 定位

    这几天一直在研究JQuery,确实很好用,有很多需求都是要弹出框,并且要定位,我这写个简单的例子,希望能分享给大家

    代码:

    //页面代码   (简化)

    <asp:TextBox ID="tbOperation2" runat="server" onclick="buttonclick($(this))"
                                        CssClass="ui-button-icons-only" Text="按钮"></asp:TextBox>

    <div id="editdialog" title="Basic dialog">
            <div>
                <label onclick="clickEdit();" class="labelbutton">
                    Edit</label>
            </div>
            <div>
                <label onclick="clickView();" class="labelbutton">
                    View</label>
            </div>
            <div>
                <label onclick="clickBuild();" class="labelbutton">
                    Build</label>
            </div>
        </div>

     <script type="text/javascript">  //页面初始化的时候
        var staticsignal;
        $(function() {
            // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!

            $(":input.ui-button-icons-only").button();  //更改textbox的样式
                 
        });

        </script>

    <script type="text/javascript"> 

     function buttonclick(e)
      {
          var offset=e.offset();//得到offset
          var x=offset.left;
          var y=offset.top;
       $("#editdialog").dialog({
                autoOpen:true,
                draggable:true,
                resizable:false,
                position:[x,y+35],  //设置坐标
                150
                });
                $(".ui-dialog-titlebar").hide();
                $('a.ui-dialog-titlebar-close').hide();
                staticsignal=e;
      }

        </script>

    哈哈 其实很简单 但是其中包含的东西比较多,具体请查阅资料~

  • 相关阅读:
    一个表缺失索引发的CPU资源瓶颈案例
    SQLServer 版本之八大方法搞清 "我是谁"
    DBA成长路线
    SQL Server2016升级前几点自检
    SQL Server 2016白皮书
    <译>通过PowerShell工具跨多台服务器执行SQL脚本
    /lib64/libc.so.6: version `GLIBC_2.17' not found
    /lib64/libstdc++.so.6: version `GLIBCXX_3.4.21' not found
    HGT高程数据文件格式解析
    DEM高程数据下载资源
  • 原文地址:https://www.cnblogs.com/Kiros/p/1894272.html
Copyright © 2011-2022 走看看