javascript - Thumbs_up Gem,ajax 的一个小问题

标签 javascript jquery ruby-on-rails ajax ruby-on-rails-3

前几天我发现了这个链接,我决定通过ajax实现这个投票系统:JQuery + thumbs_up gem render vote count? 。但问题是我几乎一步一步地遵循它,但似乎 ajax 不起作用。有人可以帮忙吗?谢谢!

微帖子 Controller

class MicropostsController < ApplicationController

  def vote_up
    @micropost = Micropost.find(params[:id])
    current_user.vote_exclusively_for(@micropost)
  end

  def vote_down
    @micropost = Micropost.find(params[:id])
    current_user.vote_exclusively_against(@micropost)
  end

end

votecount.html.erb

<div class='Counter'>
<span class='CounterNum'><%= @micropost.votes_for %></span>
<a href="#" class='CounterButton b2' updown="up" theid="123">
<span class='CounterIcon'></span>
</a>
<a href="#" class='CounterButton b2' updown="down" theid="123">
<span class='CounterIcon'></span>
</a>
</div>

votecount.js

$(document).ready(function(){
    $(".CounterButton").click(function() {
        var val = $(this).attr('updown');
        var theid = $(this).attr('theid');
        if (val == "up") {
            console.log('up');
        } else {
            console.log('down');
        }
    });​
});

最佳答案

它对我来说工作得很好..看看这个 http://jsfiddle.net/GLVQe/

确保在此 jQuery 代码之前添加了 jQuery 库文件。

关于javascript - Thumbs_up Gem,ajax 的一个小问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9401531/

相关文章:

javascript - jQuery 使用 [] 选择 name 属性

javascript - 如何从 DOM 中删除 sibling ?

jquery - 匹配背景颜色值的字符串未评估为真

javascript - 创建电子表格

javascript - xmlhttprequest(xhr) 对象 xhr.onerror 和 xhr.upload.onerror 的区别

javascript - Blazor wasm 调用 javascript,传递大数组很慢

php - AJAX 调用破坏了 .droppy() 导航栏扩展

javascript - 如何包含 jquery.validate.js 文件(在本地目录中)并在表单验证中使用它?

sql - Rails Activerecord 查询选择性包含

ruby-on-rails - ActiveAdmin 中的 ArgumentError::Devise::Sessions#new Rails 4