手机网页中点击一个icon会弹出一个消息框怎么做,我做了好久没实现？？？
<body>
<div class="add-icon fl">
<a href=""><img class="icon-e fl" src="images/e.png"></a>
<a href=""><img class="icon-f fl" src="images/f.png"></a>
<a href=""><img class="icon-g fl" src="images/g.png"></a>
<a href=""><img class="icon-h fl" src="images/h.png"></a>
</div>
<div class="fr" style="margin-top:20px">
<a href=""><span class="add-button">确定</span></a>
</div>
</div>
<!--弹框-->
<div class="alert alert_a">
<p>亲，请选择所在部门~</p>
</div>
<div class="alert alert-one hide alert_b">
<p>亲，请填写请假/加班原因</p>
</div>
<div class="alert alert-two hide alert_c">
<p>亲，请填写起始时间</p>
</div>
<div class="alert alert-three hide alert_d">
<p>亲，请填写请假/加班时长</p>
</div>
</div>
</div>
</body>
<script src="js/zepto.min.js?v=1.1.6"></script>
<script type="text/javascript" language="javascript">
Zepto(function($){
$(".icon-e").tap(function(){
$(".alert_a").show();
});
</script>
