如何更改颜色按钮不重新加载页面答案

【问题标题】：How to change color button no reloading the page如何更改颜色按钮不重新加载页面
【发布时间】：2015-02-12 22:53:42
【问题描述】：

我有一组按钮：

<div class="panel-body">
    <% @tables.each do |table| %>
        <%= button_to table.seats, service_path, method: :get, class: ["btn", "btn-primary", "btn-lg"], remote: true %>
    <% end %>
</div>

我想单击一个按钮并更改其颜色而不重新加载页面。这个想法是有一组蓝色按钮，当点击其中一个按钮时，它的颜色会变为红色。

此外，将 session[:table] 设置为 table 的 id，同样无需重新加载页面。

-- 添加--

注意：我只想要一个红色按钮。

【问题讨论】：

标签： javascript ruby-on-rails ajax ruby-on-rails-4

【解决方案1】：

$(".btn").click(function(){
$(this).css({"background-color":"#00f"});
});

【讨论】：

嗨@void，它不起作用..我在Chrome中调试，第一行有一个断点，第二行没有输入。你知道会发生什么吗？
嗨@void，我用这个代码修复了$(function() { return $(".btn").click(function(e) { $(this).css({"background-color":"#ff0000"}); }); });，但是它改变了按钮的颜色，但是当我点击另一个按钮时它也改变了，我只想要一个红色