rails javascript正确的语法

时间:2015-02-16 09:30:39

标签: javascript jquery ruby-on-rails ruby-on-rails-4

我想用javascript更改按钮的颜色。

几乎所有提示都说:

(在application.js

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

但它不起作用。我必须以这种方式编码:

$(function() {
  return $(".btn").click(function(e) {
    $(this).css({"background-color":"#ff0000"});
  });
});

为什么不能使用第一个代码?

1 个答案:

答案 0 :(得分:0)

这是因为rails 4中的turbolinks,请尝试此操作

var ready = function(){
  $(".btn").click(function() {
    $(this).css({"background-color":"#ff0000"});
  });
};
$(document).ready(ready);
$(document).on('page:load', ready);

有关turbolinks的更多信息,请参阅此http://asciicasts.com/episodes/390-turbolinks