如何使用jquery实现点击按钮弹出一个对话框
2016-12-17
展开全部
有很多方法实现的,比如使用alert这种比较丑的弹框,比如
btn.click(function(){
window.alert('内容')
});
或者是自己自定义的弹框,那这样的话你至少得套三个div,比如
<div>----->这个绝对定位到整个页面,如position:absolute;top:0;left:0;right:0;bottom:0;
<div>----->这个在父级元素上面做绝对定位,也就是弹框的位置
<div></div>---->弹框内容
</div>
</div>
或者是jQuery UI本身所附带的对话框功能,那个百度就出来了,不过不建议用那个,感觉比较丑,还是自己写一个好看
当然你也可以试着引入其他的UI框架,比如boot都有对话框的功能,不过建议自己写,用jQuery写也比较简单
btn.click(function(){
window.alert('内容')
});
或者是自己自定义的弹框,那这样的话你至少得套三个div,比如
<div>----->这个绝对定位到整个页面,如position:absolute;top:0;left:0;right:0;bottom:0;
<div>----->这个在父级元素上面做绝对定位,也就是弹框的位置
<div></div>---->弹框内容
</div>
</div>
或者是jQuery UI本身所附带的对话框功能,那个百度就出来了,不过不建议用那个,感觉比较丑,还是自己写一个好看
当然你也可以试着引入其他的UI框架,比如boot都有对话框的功能,不过建议自己写,用jQuery写也比较简单
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询