您的位置:首页 > Web前端 > JQuery

jQuery中绑定click传参问题

2017-11-07 09:48 330 查看
情景是在购物车中,点击删除按钮删除本行,但是删除执行前会弹出模态框也就是点击模态框的确定时,执行删除操作。

为了保证用户体验变为先在DOM上删除本行商品,然后Ajax请求删除后台中该商品。

PS:原本没有解决如何绑定本行商品进行删除所以用的是Ajax删除之后,在DOM上清空整个购物车。然后再Ajax请求一次获取购物车中商品构成删除后的购物车。这种方法频繁访问后台而且产生了DOM上重复商品的BUG。

一开始是这样写的:

$m为本行商品,一开始想的是传参进入模态框click函数中,但是打印出来传入的参数如下图。

查阅一些博客之后得知click传参不是在function()的括号中写参数。

有两种方法解决上面的问题:

1.传参的正确用法:

如图中写的{$m}为click的正确传参方式,此时console打印出来的$m为点删除按钮的当前行。也就能成功执行DOM的删除操作了。

2.在内部写匿名函数:

如图,这样将$m传入匿名函数内也可以成功执行DOM的删除操作。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jQuery click 参数