源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JQuery 弹出框定位实现方法

  • 时间:2022-12-08 05:16 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JQuery 弹出框定位实现方法
代码:
[u]复制代码[/u] 代码如下:
//页面代码 (简化) <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>
哈哈 其实很简单 但是其中包含的东西比较多,具体请查阅资料~
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部