jquery实现弹出自定义对话框，父页面变灰

最新推荐文章于 2022-07-23 10:50:12 发布

青人

最新推荐文章于 2022-07-23 10:50:12 发布

阅读量2.7k

点赞数

分类专栏： JQuery 文章标签： jquery 前端设计

本文链接：https://blog.csdn.net/fumier/article/details/41895481

版权

具体实现的功能是：添加商品到购物车成功，弹出提示框告诉用户，商品添加成功。选择去购物车，还是继续购物。弹出对话框之后，父页面变灰，不能操作了。

步骤一：在商品购买的页面上加上一个div,先设置这个div是不可见的。div上的内容就是你要自定义的对话框的内容。

<div id="dialog-box" class="dialog-popup">
 <a href="#" class="close"><img src="images/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>
<form action="CartServlet" class="choose-dialog">
<fieldset class="textbox">
<table>
<tr>
<th>来自清风书苑的温馨提示</th>
</tr>
<tr>
<td class="dialog-td1" valign="middle">书已经成功添加到购物车，欢迎继续选购~</td>
</tr>
<tr>
<td class="dialog-td2">
<button type="submit" class="entercart">进入购物车</button>
<input type