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], //设置坐标 width:150 }); $(".ui-dialog-titlebar").hide(); $(a.ui-dialog-titlebar-close).hide(); staticsignal=e; } </script> 哈哈 其实很简单 但是其中包含的东西比较多,具体请查阅资料' |