代码： 复制代码 代码如下: //页面代码 （简化） <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> 哈哈 其实很简单 但是其中包含的东西比较多，具体请查阅资料~

　　推荐阅读

　　juqery 学习之四 筛选过滤

eq(index) 获取第N个元素 这个元素的位置是从0算起。 Reduce the set of matched elements to a single element. The position of the element in the set of matched elements starts at 0 and goes to lengt>>>详细阅读

本文标题：JQuery 弹出框定位实现方法

地址：http://www.17bianji.com/kaifa2/JS/25296.html

 1/2    1