如何实现a标签点击事件，弹出弹窗而不是页面
function update(id) {
dialog = $.ligerDialog.open({
width : 650,
height : 470,
type:'get',
isResize : false,
url : "/user/"+id, // 必须。
title : '用户信息'
});
链接：
<a class="updata" style="color:#E5F1FF" href="javascript:void(0)" onclick="updata();return false;" title="个人信息">
求大神帮我修改一下，我这个一直报错updata未定义 展开
<html lang="en">
<head>
<meta charset="UTF-8">
<title>弹窗</title>
</head>
<style>
#alert_box
{
width: 200px;
height: 200px;
background-color: red;
display: none;
position: absolute;
}
</style>
<body>
<div id="alert_box"></div>
<button id="btn">弹窗</button>
<script>
var width=document.documentElement.clientWidth||document.body.clientWidth;
var height=document.documentElement.clientHeight||document.body.clientHeight;
document.getElementById("btn").addEventListener("click",alert_box);function alert_box()
{document.getElementById("alert_box").style="display:inline;position:absolute;left:"+Math.floor((width-200)/2)+"px;top:"+Math.floor((height-200)/2)+"px;";
}
</script>
</body>
</html>
扩展资料：
注意事项
常见正常弹出窗口失效的原因：
1.使用window.open,但是定义窗口名，也就是在打开窗口传入name参数，因为window.open只能打开唯一的窗体名为name的窗体。所以有些人会以为被浏览器拦截屏蔽了。
2.使用异步的ajax，通过ajax向服务器请求，在请求完成后再打开窗口的操作，如果是使用异步的方式，将出现延时，这是浏览器就会以为不是用户触发的操作，这时只要设置同步的方式即可。笔者就是因为这个原因。
可能存在替代方案：
既然想到弹窗，固然是因为有这方面的需求，目前‘浏览器无法拦截的弹出窗口’是不可能的，能不能找到替代方案。这里提供两个方案：
1.如果是弹窗广告，一般的做法是在页面document绑定click事件或者的srcoll事件，因为一般打开网页都会点一下或者是滚一下鼠标。所以就很容易的弹窗了（这里以技术出发，笔者代表绝大部分用户不接受这种广告方式）。
2.如果是弹出通知信息，就更容易，不用这么鬼鬼祟祟了，直接弹出div的“窗口就行”。
所谓弹出弹窗并不是真正的弹窗。而是弹出的一个DIV，然后做出弹窗的样式，来看一个例子就明白了。
<html lang="en">
<head>
<meta charset="UTF-8">
<title>弹窗</title>
</head>
<style>
#alert_box
{
width: 200px;
height: 200px;
background-color: red;
display: none;
position: absolute;
}
</style>
<body>
<div id="alert_box"></div>
<button id="btn">弹窗</button>
<script>
var width=document.documentElement.clientWidth||document.body.clientWidth;
var height=document.documentElement.clientHeight||document.body.clientHeight;
document.getElementById("btn").addEventListener("click",alert_box);
function alert_box()
{
document.getElementById("alert_box").style="display:inline;position:absolute;left:"+Math.floor((width-200)/2)+"px;top:"+Math.floor((height-200)/2)+"px;";
}
</script>
</body>
</html>
一个简单的例子，点击按钮弹出一个DIV元素。
2016-07-28 · 百度知道合伙人官方认证企业
育知同创教育
update
updata
不知道你到底用的哪一个。
