Site Loader

LOCATION

VanY_Y

场景:16号了的早晨,又是星期一,起床后感觉还好,可去到公司就收到了客户的修改反馈,突然感觉到发工资的日子好像不是想象的美好。

于是开了机子看看有哪些问题,比如说收货地址显示不全的问题,后台会员登录时间显示1979问题==,看见了就立马着手进行修改,虽然对方给钱不是那么爽快。改着改着就到了最后一个问题,问题是:”在确认收货的按钮加一个弹窗确认,避免误操作(>_><_<)”,到底是国企啊,考虑的那么细,改就改吧,已经是最后一个,改完就好了.结果并不是我想象的那么简单.

一开始的第一想法就是添加一个onclick事件并带上对应的参数进行判断是否跳转,代码如下:

//添加onclick绑定check方法,并接受参数
 <a href="" cnclick="check({$order['orderId']},$order['status'])"> 
//js绑定click事件 
function check(id,status){ 
      if(confirm("确认收货?")){
                  location.href="{:U('Order/confirmorder'),array('orderId'=>"+id+",'status'=>"+status+")}"; 
       }else{ 
                  return false;
        } 
}

用FTP上传之后发现,function接受id和orderId不同,例如:orderId:2015111611231039,但是function接受的id尾数就变成40,测试过其他订单号,也是有一样的情况,但是当onclick的参数写死后,function接受的数据又是正常的.原因不明(后续更新!@)

接着就给那个<a>标签来个onclick事件,触发confirm事件来避免用户误操作,代码如下:

Jquery代码:

FTP上传文件后,测试发现点击确认收货时,会弹窗确认操作,但是问题是,点击确认后<a>标签的href是跳转了,当点击取消的时候,<a>还是跳转了,天啊,我不是已经返回confirm事件的返回值(true/false),为何还是跳转了呢?

按正常逻辑,点击取消的时候应该返回false的,为什么没阻止a标签的跳转呢?(后续更新!@)

然后我就换了种方法,代码如下:

//给标签加个ID
<a href="{:U('Order/confirmorder'),array('orderId'=>$order['orderId'],'status'=>$order['status'])}"  id="confirm">

//jquery绑定click事件
$(function(){
     $("#confirm").click(function(){
             return confirm("确认收货?");
     })
})

修改完代码,FTP上传测试,哎哟,成功咯!

问题虽然解决了,但是这次修改我也遇到不少问题,例如:onclick的function传参问题、onclick事件返回false后,href属性继续执行、click事件解决了onclick解决不了的问题,onclick和click有什么区别,这些问题我将在后续更新!@.

今晚就先写到这,祝大家好梦.

Post Author: Vany

我是一个喜欢追求技术的小伙,在大学开始之前,自己还是一个电脑白痴,对于电脑,只会开关机,但是由于自己的兴趣,我在选专业的时候,全部选择了计算机专业,其实我也不知道为什么这样不顾家人的反对去做这个决定。上了大学后,我在大一的时候开始接触计算机硬件,设计的领域包括了电脑维修,系统封装等等。在大二的时候,我才开始接触PHP,一开始的时候还不是很懂,也没什么资源,所以学习只能靠老师讲一些特别基础的东西。在大二的一段时间,自己对服务器特别感兴趣,但是资源问题,只能自己慢慢研究,后来通过各种百度,通过翻墙获得了自己的第一个域名,.top域名。后来还弄了一个免费的虚拟空间,在结合域名,我自己弄了一个静态的个人网站。大三的时候,我在网上找到兄弟连这个网站,网站上面有一些免费的视频,特别适合新人看。从那以后,我一直在看教学视频去提高自己的能力,在后来,经过面试八连碰壁,才发现自己之前学的是那么肤浅,而且工作也没有自己想象的那么简单,但是高兴的是,目前工作的那家公司录用了我,在这个公司我真的学会了很多东西,包括一些cms网站的建设啊,微商城开发啊,还有最让自己兴奋的就是微信接口的开发等等这些。即使学了不少东西,但有些时候还是会觉得自己还是个小白,所以我必须不断的提升自己

发表评论

电子邮件地址不会被公开。