JQuery 弹出框定位实现方法_Javascript教程-查字典教程网
JQuery 弹出框定位实现方法
JQuery 弹出框定位实现方法
发布时间:2016-12-30 来源:查字典编辑
摘要:代码:复制代码代码如下://页面代码(简化)EditViewBuild//页面初始化的时候varstaticsignal;$(functio...

代码:

复制代码 代码如下:

//页面代码 (简化)

<asp:TextBox ID="tbOperation2" runat="server"

CssClass="ui-button-icons-only" Text="按钮"></asp:TextBox>

<div id="editdialog" title="Basic dialog">

<div>

<label>

Edit</label>

</div>

<div>

<label>

View</label>

</div>

<div>

<label>

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>

哈哈 其实很简单 但是其中包含的东西比较多,具体请查阅资料~

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类