在一个页面中相同功能的弹出框一个就够,多写就是浪费资源。接下来展示一种方法:
<!--弹出框-->
<ul class="soye-wx">
<li>温馨提示</li>
<li></li>
<li><p id="change">恭喜您!获得流量20M</p></li>
<li><input type="button" value="确 定" class="soye-wx-ip"></li>
</ul>
对于这种弹出框我们只需要改变p标签里面的内容就可以实现该功能。对p标签增加一个id。然后根据id动态改变弹出框内容。
document.getElementById('change').innerHTML="恭喜您,获得一等奖";
$(".soye-wx").show();