Posted in Javascript onDecember 02, 2010
代码:
//页面代码 (简化) <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>
哈哈 其实很简单 但是其中包含的东西比较多,具体请查阅资料~
JQuery 弹出框定位实现方法
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@