×

JQuery弹出框定位实现方法

作者:Web前端之家2017.05.09来源:Web前端之家浏览:6803评论:2
关键词:JQueryJS

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>
JS:
<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>

温馨提示:本文作者系Web前端之家 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/svg1488124800888.html

网友评论文明上网理性发言 已有2人参与

发表评论:

评论列表

最新留言

  • 访客

    看你的公司用啥了,其实感觉环境第一位。...

  • Web前端之家

    vue的生态应用在国内很强大,但是react更加适用于中大型公司。...

  • agg151

    感觉在国内,VUE应该要排第一。...

  • qianduan008

    三角形工具一直在用,这个CSS编辑器也很不错,希望继续分享新的前端工具哟!...

  • Web前端之家

    其实还好,但是中大型公司都是在用React。vue比较好入门。...

  • abner

    React比VUE难学啊。...

  • 访客

    多学技术永远是最好的...

  • 访客

    组件应用还是用的多...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2021 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.7 Valyria