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的删除操作。
为了保证用户体验变为先在DOM上删除本行商品,然后Ajax请求删除后台中该商品。
PS:原本没有解决如何绑定本行商品进行删除所以用的是Ajax删除之后,在DOM上清空整个购物车。然后再Ajax请求一次获取购物车中商品构成删除后的购物车。这种方法频繁访问后台而且产生了DOM上重复商品的BUG。
一开始是这样写的:
$m为本行商品,一开始想的是传参进入模态框click函数中,但是打印出来传入的参数如下图。
查阅一些博客之后得知click传参不是在function()的括号中写参数。
有两种方法解决上面的问题:
1.传参的正确用法:
如图中写的{$m}为click的正确传参方式,此时console打印出来的$m为点删除按钮的当前行。也就能成功执行DOM的删除操作了。
2.在内部写匿名函数:
如图,这样将$m传入匿名函数内也可以成功执行DOM的删除操作。
相关文章推荐
- jquery bind('click')传参问题(例如:列表中每行绑定一个事件)
- jquery-mvc中ajax重复提交(click重复绑定)以及点击没反应问题
- jquery绑定事件并传参例如click
- jQuery id绑定click事件传参$("#ruleScript").click(setRuleScript(row))
- jquery bind(click)传参让列表中每行绑定一个事件
- jquery bind(click)传参让列表中每行绑定一个事件
- Gridview中HyperLink的NavigateUrl绑定传参问题
- 避免jquery的click多次绑定方法
- 解决jquery新加入的元素没有绑定事件问题
- html页面元素onclick 和 jquery绑定click执行顺序
- jquery 新建的元素事件绑定问题
- jquery 绑定click事件
- jquery使用live绑定toggle事件,第一次点击没有反应,第2次才起作用问题
- $("#XXX").click()和$("#YYY").on("click","指定的元素",function(){});的区别(jQuery动态绑定事件)
- Jquery对新插入的节点 绑定Click事件失效的解决方法
- JQuery动态元素事件绑定问题
- 给一个元素同时绑定click和dbclick存在的问题
- 前端:Jquery 处理同一Name的Radio组时,绑定checked属性异常的问题.(已解决)
- jquery 绑定点击事件 多次执行问题
- jquery 新建的元素事件绑定问题