<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>订单详情</title> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> <script type="text/javascript" src="../js/base.js"></script> <link rel="stylesheet" type="text/css" href="../assets/css/weui.min.css" /> <link rel="stylesheet" type="text/css" href="../assets/css/swiper-3.4.2.min.css" /> <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_6y9erxzbkn2.css" /> <script type="text/javascript" src="../assets/font/iconfont.js"> </script> <link rel="stylesheet" href="../css/refund.css" /> </head> <body> <div class="goods"> <span>订单号:20180808001</span> <span class="confirmed">待付定金</span> </div > <div class="goods"> <div class="pic_row"> <span class="pic"> <img src="../images/banner1.jpg" alt="" /> </span> <span class="two"> <span>两天攀岩活动</span> <span> <span>定金 ¥600</span> <span>价格 ¥1190</span> </span> </span> </div> <div></div> </div > <div class="waitoney"> 待付定金 </div> <ul class="list"> <li> <span class="real">出行人A 13612984367 x1 定金600</span> <button class="cancel ">取消</button> </li> <li> <span class="real">出行人A 13612984367 x1 定金600</span> <button class="cancel ">取消</button> </li> <li> <span class="real">出行人A 13612984367 x1 定金600</span> <button class="cancel ">取消</button> </li> <li > <span class="real">出行人A 13612984367 x1 定金600</span> <button class="cancel ">取消</button> </li> </ul> <div class="footer ok"> 提交 </div> <!--确认取消弹出框--> <div class="confirm_cancel"> <div class="confirm_main"> <div class="hint"> 确定取消吗? </div> <div class="choose"> <span class="confirm_yes">确定</span> <span class="confirm_no">取消</span> </div> </div> </div> </body> </html> <script type="text/javascript" src="../assets/js/jquery-2.1.0.js"></script> <script type="text/javascript" src="../assets/js/common.js"></script> <script type='text/javascript' src='../assets/js/Augly_Verification.js'></script> <script> $(function(){ confirm(message); //确认取消弹出框 $('.cancel').click(function(){ // var id = $(this).parents('.good_out').data("id"); $('.refund_reason_out').css('display','block'); }) //阻止按钮的点击冒泡 $('.btnlist').click(function(event) { event.stopPropagation(); }); $('.choice .swiper-slide').click(function(){ $(this).addClass("active_top").siblings().removeClass("active_top"); }) // //点击提交 $('.refund_reason_submit').click(function(){ $('.refund_reason_out').css('display','none'); setTimeout("toast('提交成功');",900) }) // $('.list button').click(function(){ // $(this).attr('class','cancel cancel_active'); // $(this).html('已发起退款'); // }) $('.refund_reason_out').click(function(event){ $(this).css('display','none'); }) $('.icon-chahao').click(function(){ $(this).parents('.refund_reason_out').css('display','none'); }) $('.refund_reason').click(function(event){ event.stopPropagation(); }) //确认取消弹出框 $('.cancel').click(function(){ if(confirm("是否确认删除")){alert(1)} $('.confirm_cancel').css('display','block'); $('.confirm_yes').click(function(){ $('.confirm_cancel').css('display','none'); }) $('.confirm_no').click(function(){ $('.confirm_cancel').css('display','none'); }) }) $('.confirm_cancel').click(function(){ event.stopPropagation(); $(this).css('display','none'); }) $('.confirm_main').click(function(){ event.stopPropagation(); // $(this).css('display','none'); }) }) </script>