手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery 弹出框定位实现方法
JQuery 弹出框定位实现方法
摘要:代码:复制代码代码如下://页面代码(简化)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>

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

【JQuery 弹出框定位实现方法】相关文章:

jQuery实现弹出窗口中切换登录与注册表单

Jquery动态添加输入框的方法

jQuery实现html表格动态添加新行的方法

Jquery注册事件实现方法

js控制div弹出层实现方法

jQuery聚合函数实例

javascript瀑布流布局实现方法详解

jQuery实现文本展开收缩特效

jQuery切换所有复选框选中状态的方法

JQuery中两个ul标签的li互相移动实现方法

精品推荐
分类导航