Ruby China

新手问题 js 中修改 data-method 无效么？

angelfan · 2015年03月15日 · 最后由 cuterxy 回复于 2015年03月16日 · 3348 次阅读

一个取消喜欢的链接

<a data-remote="true" data-method="delete" href="/articles/22/like">
<i class="fa fa-smile-o"></i>
<span>取消喜欢</span>
</a>

点击后发送 ajax 请求，然后再 js 中修改了 data-method 属性

('span ').text('喜欢');
data("method", "post")

属性修改成功

<a data-remote="true" data-method="post" href="/articles/22/like">
<i class="fa fa-smile-o"></i>
<span>喜欢</span>
</a>

点击该喜欢链接依然发送了一个 delete 请求

问题：是不可以通过这种方式来修改么？还是有其他需要注意的细节？

Rei #1 2015年03月15日

试用 attr('method', 'post')

Rei #3 2015年03月15日

打错，attr('data-method', 'post')

Rei #5 2015年03月15日 
('span ').text('喜欢');
data("method", "post")

这里 data 的调用对象是什么？

mogodb #6 2015年03月15日

method 开始为何是 delete?

angelfan #8 2015年03月15日

#6 楼 @mogodb 因为该用户已经喜欢过了

angelfan #9 2015年03月15日

#5 楼 @Rei 这边 attr data 都试过了甚至我都 removeAttr 后重新加上了一个 效果还是一样的

angelfan #11 2015年03月15日

#10 楼 @Rei 哈哈 我是参照 ruby-china 做的 不知道问题出哪里啦

angelfan #12 2015年03月15日

#10 楼 @Rei 刚试了一下，如果 append 一个新的标新是可以的

append("<a data-remote= true data-method=post href=/articles/22/like >喜欢<a>")
cuterxy #13 2015年03月15日

#12 楼 @angelfan 这么看应该是 js 事件绑定的问题。因为你是在页面加载之后再修改链接的，所以链接的 js 事件绑定已经在你修改之前发生了，所以你再修改链接内容已经无济于事了。所以你要么重新加载一遍修改后的链接的内容，要么就新增一个链接。

shallmentmo #14 2015年03月15日

@angelfan ，我试了一下，好像用 data 跟 attr 两个方法都行

angelfan #15 2015年03月16日

#13 楼 @cuterxy 但是修改 data-remote 是有效的 当我把 data-remote=false 的时候这个链接就无法发送 ajax 请求了

cuterxy #16 2015年03月16日

#15 楼 @angelfan 那可能是两种参数不同的处理方法吧

需要 登录 后方可回复, 如果你还没有账号请 注册新账号